php - javascriptで複数のファイル値を取得する

Question

<input type="file" name="prod_detail_image[]" id="prod_detail_image" 
       value=""  multiple="multiple" onblur="validatebutton();" />

ファイル入力で複数のファイルを選択できます。onblurイベントでは、選択されたファイル値を取得する必要があります。取得している値は1つだけです。画像の配列値を取得する必要があります。

Answer 1

SOには他にも多くの同様の質問があります。すべてのファイル名を取得する簡単な方法は次のとおりです

var inp = document.getElementById('prod_detail_image');
for (var i = 0; i < inp.files.length; ++i) {
    var name = inp.files.item(i).name;
    alert("here is a file name: " + name);
}

ただし、これはHTML5をサポートするブラウザでのみ機能します

Answer 2

var inp = document.getElementById('prod_detail_image');
for (var i = 0; i < inp.files.length; i++) {
var name = inp.files[i].name;
alert("here is a file name: " + name);
}

これを確認してください。