IE10-base64編碼的圖像加載錯誤

Question

上載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但沒有成功。

任何想法為什么會發生？

Answer 1

瀏覽器可能對數據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;