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