[英]How to preview multiple files on input?
我可以在input logos
上选择多个文件,我想预览所有这些文件。 目前,我只能显示其中之一。
我不知道如何使用此代码循环遍历每个文件:
$(function() {
$("input[name='cover[logos][]']").on('change', function(event) {
var files = event.target.files;
for(i=0; i<files.length; i++){
var image = files[i]
var reader = new FileReader();
reader.onload = function(file) {
var img = new Image();
img.src = file.target.result;
$('#target').html(img);
}
reader.readAsDataURL(image);
};
});
});
用这个
$('#target').append(img);
代替
$('#target').html(img);
用于在用户更改输入时替换图像
$('#target').html('');
for(i = 0; i < files.length; i++) {
//loop code
}
您的js很好,只需更改html以附加
$('#target').append(img);
和使用
$('#target').html('');
清除以前选择的
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.