イメージ名重複イメージ選択問題

Question

イメージ名を複数のイメージアップロードでも表示しようとしています。単一選択の場合、その作業は複数選択イメージ名の場合繰り返します。私のフィドルをチェックしてください。また、あなただけ変更する必要があるイメージパスに

Answer 1

を表示しようとしています：

ワーキングフィドルは：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>"); 
     } 
    }); 
    } 
}