Javascript 上载多个文件时,Android上的HTML5媒体捕获崩溃
我的HTML5应用程序在用JavaScript解码条形码时遇到了问题。出于测试原因,我在一个具有1055张图片的数据库上运行了实现的算法,该数据库的分辨率为600x800px。它在Windows上的Chrome和iPad2上的Safari中运行良好。但我的Moto G Android上的Chrome在20-30张没有任何信息的图片后崩溃。当我将HTML5媒体捕获与相机照片一起使用时,在拍摄了几张照片和Chrome报告后,它也会崩溃,因为没有足够的内存用于上一次操作。当拍摄照片并关闭相机应用程序时,它会直接崩溃。然后再次显示浏览器并重新加载页面 有人面临同样的问题吗?下面是一些关于如何使用图片的代码 HTML媒体捕获输入:Javascript 上载多个文件时,Android上的HTML5媒体捕获崩溃,javascript,android,html,crash,html5-canvas,Javascript,Android,Html,Crash,Html5 Canvas,我的HTML5应用程序在用JavaScript解码条形码时遇到了问题。出于测试原因,我在一个具有1055张图片的数据库上运行了实现的算法,该数据库的分辨率为600x800px。它在Windows上的Chrome和iPad2上的Safari中运行良好。但我的Moto G Android上的Chrome在20-30张没有任何信息的图片后崩溃。当我将HTML5媒体捕获与相机照片一起使用时,在拍摄了几张照片和Chrome报告后,它也会崩溃,因为没有足够的内存用于上一次操作。当拍摄照片并关闭相机应用程序时
<input id="upload" type="file" accept="image/*" capture style="display:none;">
对于HTML5媒体捕获问题,您可能会遇到以下错误:
不幸的是,android开发者已经将这个问题标记为过时,而事实并非如此。在前面的线程中讨论了一些潜在的解决方法,但没有一个真正适合我的需要。也许你会有更好的运气 谢谢你的链接,可惜它被标记为过时了。上周,我尝试了两件事。该相机的缩小分辨率不适用于麻省理工学院Moto G标准相机,但在三星Galaxy S5上它有此选项,因此内存使用率降低。此外,我使用它允许更多的内存使用我的摩托G从128MB到512MB。还没有做过真正的测试,看看这到底有多大帮助。但我的第一印象是,它工作得更好!
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
};