Javascript 从手机摄像头捕获图像并在上传前预览

如果有人能给我指出正确的方向，我正在尝试为一个网站编写一个小应用程序，用户可以选择一个图像，或者选择用手机摄像头拍摄图像

然后我们可以向他们显示（预览）图像，他们可以确认并继续，或者重新启动并再次拍摄图像

我用jQuery找到了一些方法来实现这一点，它似乎在计算机上运行得很好，但是在手机上（使用运行最新chrome的三星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+")");

        }
    }
});
});

有谁知道有什么不占用那么多资源的东西吗

谢谢

试试看

-几分钟前在我的android 4.4手机上测试-工作正常：-）

此库允许您：

• 显示预览
• 拍摄图像
• 将拍摄的图像上传到服务器
• 如果HTML5 getUserMedia（）不受支持，则返回flash

  ---

更好的解决方案是使用getusermedia，但请注意，目前只有Chrome和Firefox支持此api。