マルチ画像アップロードURLとファイル名が機能していません

Question

私の問題は、複数の画像を正しく表示することです。これを1つの配列に保存します。画像の名前を取得する必要があります。今は動作していますが、setOfImagesの配列ではすべてのイメージ名が同じです。私はURLがこれを繰り返し取得していることをマップ機能でsetOfImages配列が、私はそうでない場合は明確プットconsole.log(setOfImages)とconsole.log(imageUrl)を直面しています二つの問題、

imagetrigger(e){ 
var setOfImages =[], imageUrl=[]; 
for (var i = 0; i < e.target.files.length; i++){ 
    var file = e.target.files[i]; 
    if(!file.type.match('image')) 
    continue; 
    var reader = new FileReader(); 
    reader.onload = function(e){ 
     setOfImages.push({ 
      fileName:file.name, 
      image:e.target.result.split(',')[1] 
     }); 
     $('.image').remove(); 
     for(var j = 0; j<setOfImages.length; j++) { 
      $('.placeholder').prepend('<div class="image"><img src="data:image/jpeg;base64,'+ setOfImages[j].image +'" /></div>'); 
     } 
     setOfImages.map(function(){ 
      imageUrl.push(el.fileName); 
     }) 
     console.log(imageUrl) 
    } 
    reader.readAsDataURL(file); 
} 

}

Answer 1

だけであることを入れたとき、私はまた、画像のURLを取る必要がありますパラメータelを地図に追加してください。

setOfImages.map(function(){ 
    imageUrl.push(el.fileName); 
}) 

このように変更します。

setOfImages.map(function(el){ 
    imageUrl.push(el.fileName); 
})