从多个文件上传字段获取文件名

【问题标题】：Get the file names from multiple file upload field从多个文件上传字段获取文件名
【发布时间】：2011-10-07 06:59:56
【问题描述】：

我正在尝试使用 Jquery 编写一个 ajax 上传器。在 html 中，我可以编写多个上传字段，例如：

<input type='file' multiple='multiple' name='files[]'>

但是，如何从该字段中获取值？我用的时候：

   $('input[type='file']').val();

或

   $('input[type='file']').attr('value');

我只获得了我选择上传的第一个文件的文件名。有没有办法获得一个包含所有文件的数组？

【问题讨论】：

【解决方案1】：

HTML5 Files API 表示input 将具有files 属性。你可以这样访问它：

var fileList = document.getElementById("yourInput").files;

这会返回一个FileList，我相信它是一个类似数组的对象，其中包含用户选择的所有文件，因此您可以像往常一样对其进行迭代：

for(var i = 0; i < fileList.length; i++) {
    //Do something with individual files
}

但它在不支持 HTML5 的浏览器中不起作用，而且我认为 IE 直到版本 9 才支持它。如果那些旧浏览器对你很重要，你最好的选择可能是使用基于 Flash 或 Java 的上传器。

【讨论】：