html 图片事件失效,javascript – 图像,onload事件在chrome中不起作用

我正在使用

html5来创建拖放图像上传功能.这在firefox中非常适合我,但在chrome中,图像onload事件仅在第一次触发时触发.如果我只在第一个作品中拖动多个图像,如果我在其中拖动一个图像失败.我认为问题出在图像上.

这是我的代码的工作方式我删除了不相关的部分：

var img = document.createElement("img");

var reader = new FileReader();

var canvas = document.createElement("canvas");

var canvasData;

var ctx = canvas.getContext("2d");

var myFiles;

var i = 0;

reader.onload = (function (aImg)

{

return function (e)

{

aImg.src = e.target.result;

};

})(img);

img.onload = function (){

//resizes image

//draws it to the canvas

//posts to server

i++;

if(i < myFiles.length){

processNext(i);

}

}

function processNext(filei) {

var file = myFiles[filei];

img.file = file;

reader.readAsDataURL(file);

}

i = 0;

myFiles = files;

processNext(0);

有谁知道为什么这适用于Firefox而不是Chrome？