如何在输入时预览多个文件？

Question

我可以在 input logos 上 select 多个文件，我想预览所有文件。目前我只能展示其中之一。

我不知道如何使用此代码遍历每个文件：

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

Answer 1

使用这个

$('#target').append(img);

改为

$('#target').html(img);

用于在用户更改输入时替换图像

$('#target').html('');
for(i = 0; i < files.length; i++) {
   //loop code
}

Fiddle

Answer 2

你的 js 没问题只需将 html 更改为附加

$('#target').append(img);

并使用

$('#target').html('');

清除之前选择的

如何在输入时预览多个文件？

How to preview multiple files on input?

javascript

jquery

paperclip