jsfiddle.net link to code问题是当您选择多个图像文件时,它会将所有图像加载到浏览器,绘制所有div,但只显示一个图像。它应该给每个div都有自己的形象。
这似乎是麻烦制造者代码部分:
$('#import').change( function(event){
namelist = new Array;
var files = event.target.files;
for(i=0;i<event.target.files.length; i++){
pictures = files[i];
image = new Image();
image.id = i;
image.file = pictures;
var reader = new FileReader();
reader.onload = function(evt){
image.src = evt.target.result;
}
namelist.push({sourceimage: image, id:i});
reader.readAsDataURL(pictures);
}
drawDivs();
});
答案 0 :(得分:0)
reader.onload = (function(image){
return function(evt){
image.src = evt.target.result;
};
})(image);
关闭修复它