[英]Capture image from mobile camera and preview before upload
是否有人能够指出我正确的方向,我正在尝试为网站编写一个小应用程序,用户可以选择图像,或选择用手机摄像头捕获图像。
然后我们可以向他们显示(预览)图像,他们可以确认并继续,或重新启动并再次拍摄图像。
我已经找到了一些方法来使用jQuery,这似乎在计算机上运行良好,但在手机上(使用运行最新chrome的Samsung S5测试)我经常收到错误消息,说前一个操作不能由于内存不足而完成。
这是我正在使用的当前代码的一个示例,这有点仅仅是为了显示一个基本示例,但您可以看到该方法似乎不是非常有效:
$(function() {
$("#prev-img-file").on("change", function()
{
var files = !!this.files ? this.files : [];
if (!files.length || !window.FileReader) return; // no file selected, or no FileReader support
if (/^image/.test( files[0].type)){ // only image file
var reader = new FileReader(); // instance of the FileReader
reader.readAsDataURL(files[0]); // read the local file
reader.onloadend = function(){ // set image data as background of div
$(".up-pic-preview").css("background-image", "url("+this.result+")");
}
}
});
});
http://jsfiddle.net/fish_r/vnu7661c/
有谁知道任何不会占用太多资源的东西?
谢谢!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.