javascript - 如何显示所选文件的预览

Question

如何显示所选文件的预览？我现在正在获得单个图像预览。如何循环该功能？我已经检查过如何循环此功能？该解决方案对我不起作用。请帮助我。在此先感谢...

我的代码：

function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
var container = $('#mypreviewdiv');
var image = $('<img>').attr('src', e.target.result).css("width","70px").css("height","70px");
image.appendTo(container)
};
$.each(input.files,function(i) {
reader.readAsDataURL(input.files[i]);
});
}
}

我有这个html：

<div id="container">

<input type="file" onchange="readURL(this);"  id="fileToUpload" multiple /><br/>
<div id="total">
</div> <!-- end #total-->
<div id="mypreviewdiv" style="width:90%; height:250px; background: #FED8E7;"></div>
<button id="upload_btn">Start Uploading</button><br/>
<div class="progressbar" id="pb">
<div>
</div>    
</div>
<div id="log"></div>
<div id="status"></div>     
<div id="uplcomp"></div>
</div>

Answer 1

尝试改变

reader.readAsDataURL(input.files[i]);

至

reader.readAsDataURL(i);