我需要在多个文件输入上循环它：
var reader = new FileReader();
reader.onload = function (e) {
$('#pprev_0')
.attr('src',e.target.result);
};
reader.readAsDataURL(input.files[0]);
我试过这个,但它不起作用：
var fileCount = 0;
$("input[name='files[]']").each(function() {
var reader = new FileReader();
reader.onload = function (e) {
$('#pprev_'+fileCount)
.attr('src',e.target.result)
.css("display","block");
};
reader.readAsDataURL(input.files[fileCount]);
fileCount++;
});
fileCount输出上的alert()在多个文件选择上是一次0.没有进一步的提醒如果我在代码中使用数字而不是fileCount var,它在位置上工作. R.G. input.files [2] ……
任何的想法？
解决方法
当你这样做：$(“input [name =’files []’]”).each(function(){你实际上获得了与选择器匹配的任何元素.在这种情况下,你得到你的单个多文件输入(这就是为什么你只看到1个警报.你想要做的是迭代文件.
http://www.html5rocks.com/en/tutorials/file/dndfiles/
要将它应用于您的情况,您可以执行以下操作：
var files = $('#files')[0].files; //where files would be the id of your multi file input
//or use document.getElementById('files').files;
for (var i = 0,f; f = files[i]; i++) {
var reader = new FileReader();
reader.onload = function (e) {
$('#pprev_'+fileCount)
.attr('src',"block");
};
reader.readAsDataURL(f);
}