Javascript IE10-base64编码图像加载错误

Javascript IE10-base64编码图像加载错误,javascript,internet-explorer,Javascript,Internet Explorer,上传10-20个图像后(~2MB,在同步循环中一个接一个),IE在从base64字符串加载图像时抛出错误。我的代码中有如下内容: var reader = new FileReader(); reader.onload = function (e) { var img = new Image(); img.onload = function () { console.log('onload'); /* some simple work with canvas */ }; img.on

上传10-20个图像后(~2MB,在同步循环中一个接一个),IE在从base64字符串加载图像时抛出错误。我的代码中有如下内容:

var reader = new FileReader();
reader.onload = function (e) {
  var img = new Image();
  img.onload = function () { console.log('onload'); /* some simple work with canvas */ };
  img.onerror = function () { console.log('onerror'); };
  img.src = e.target.result;
};
reader.readAsDataURL(file);
IE在一段时间后抛出错误,不想加载更多图像。我曾尝试使用
setTimeout
,但没有成功


知道为什么会发生这种情况吗?

浏览器可以对数据URI大小进行一些限制

请改为尝试
URL.createObjectURL

var src = URL.createObjectURL(file);
var img = new Image();
img.onload = function () { 
    /* some simple work with canvas */ };
    URL.revokeObjectURL(src); 
    console.log('onload');
img.onerror = function () { console.log('onerror'); };
img.src = src;