[英]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.