FileReader图片上传

Question

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();
        });

Answer 1

reader.onload = (function(image){
                        return function(evt){
                            image.src = evt.target.result;
                        };
                    })(image);

闭包修复了它