javascript - jqueryを使用してhtml 5複数ファイルアップロード変数の値を取得する方法は?

Question

以下のhtmlを使用して複数のファイルを選択しても。

<input type="file" id="multiplefiles" name="uploadedfile[]" multiple>

最初に選択したファイルの値のみを取得します。私は単純なものを使用しています：

var filelist = $("#multiplefiles").val() || [];
$.each(filelist, function(i, myfile) {
  console.log('found file '+i+' ='+myfile);
});

すべてのファイルのリストを取得する方法を教えてください...

たとえば、入力フィールドで選択された文字列は、C:\Users\Public\Pictures\Sample Pictures\Hydrangeas.jpg、C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg、C:\Users\Public\Pictures です。 \サンプル画像\upload-2.txt

上記のロジックから、次のログのみを取得します。

found file 0 =Hydrangeas.jpg

タイ。ラジーヴ

Answer 1

これでうまくいくはずです：

var filelist = document.getElementById("multiplefiles").files || [];
for (var i = 0; i < filelist.length; i++) {
    console.log('found file ' + i + ' = ' + filelist[i].name);
}

動作中の jsFiddle はこちらです。