如何使用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\Sample Pictures\upload-2.txt

从上面的逻辑我只得到:跟在日志中:

found file 0 =Hydrangeas.jpg

TY.拉杰夫

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在这里.