javascript - 图像名称在多个图像选择问题中重复

Question

我正在尝试在多张图片上传中显示图片名称。在单选的情况下它的工作但在多选图片名称重复的情况下。请检查我的 fiddle 。我也在尝试显示图像路径

Answer 1

你只需要改变:

工作 fiddle :https://jsfiddle.net/1kojL0pk/

var f = $('.trnsupload').prop("files")[0]['name'];

到

var f = $('.trnsupload').prop("files")[i]['name'];

//完整代码:

window.Transfer = function (input) {
   if (input.files && input.files[0]) {
     $(input.files).each(function (i) { // add index over here 
       var f = $('.trnsupload').prop("files")[i]['name']; // access file using i-th index
       var reader = new FileReader(); 
       reader.readAsDataURL(this);
       reader.onload = function (e) {
         $("#Viewer").append("<div class='imageContainer'><img onclick='changeIt(this)'  class='thumb img-thumbnail' src='" + e.target.result + "'>     <span class='MultiFile-title'>" + f + "</span>        <span class='loader'><img src='../../Images/ajax-loader.gif' /></span> <span class='closeCover glyphicon glyphicon-remove'></span></div>");
       }
     });
   }
 }