javascript - 上传多个文件时，HTML5 媒体捕获在 Android 上崩溃

Question

我在使用 JavaScript 解码条形码时遇到 HTML5 应用程序问题。出于测试原因，我针对包含 1055 张图片的数据库(分辨率为 600x800px 的 Muenster BarcodeDB)运行实现的算法。它在 Windows 上的 Chrome 和 iPad 2 上的 Safari 中运行良好。但我的 Moto G (Android) 上的 Chrome 在 20-30 张图片后崩溃，没有任何消息。当我使用 HTML5 Media Capture 处理相机照片时，它也会在拍摄几张照片后崩溃，并且 Chrome 报告没有足够的内存用于之前的操作。当拍照并关闭相机应用程序时，它直接崩溃。然后浏览器会再次显示并重新加载页面。

有人遇到同样的问题吗？下面是一些关于如何使用图片的代码。

HTML 媒体捕获输入:

<input id="upload" type="file" accept="image/*" capture style="display:none;">

JavaScript 处理程序(exif.js、用于旋转/缩放图像的 megapixImg.js):

fileInput.onchange = function () {
    var file = fileInput.files[0];
    imgOrientation = null;

    // get orientation of image from exif data
    EXIF.getData(file, function () {
        imgOrientation = EXIF.getTag(this, "Orientation");
    });

    // MegaPixImage constructor accepts File/Blob object.
    megapixImg = new MegaPixImage(file);

    // Render resized image into image element using quality option.
    // Quality option is valid when rendering into image element.
    megapixImg.render(tempImg, { maxWidth: maxDimension, maxHeight: maxDimension, quality: 1.0 });
};

tempImg.onload = function () {
    // Render resized image into canvas element.
    megapixImg.render(tempCanvas, { maxWidth: maxDimension, maxHeight: maxDimension, orientation: imgOrientation });

    // TRIGGER ALGORITHM
};

Answer 1

对于 HTML5 媒体捕获问题，您可能会遇到以下错误: https://code.google.com/p/android/issues/detail?id=53088

不幸的是，Android 开发人员已将此问题标记为已过时，但事实并非如此。上述线程中讨论了一些潜在的解决方法，但没有一个真正适合我的需求。也许你会有更好的运气。 :)