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

Question

我可以在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); 
      }; 
     }); 
    }); 

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(''); 

清除先前选择