当jQuery具有`multiple`属性时，获取jQuery中的输入类型文件值

Question

我有以下带有multiple属性的输入类型文件：

<input accept=".txt" id="File" multiple="" name="File" type="file" />

当我使用jQuery读取输入值时：

$("#File").val()

我从我的电脑中选择了两个文件。如果我调用上面的函数，则返回：

C:\fakepath\1.txt

我希望返回2个文件值（我不知道，用逗号或其他分隔符分隔）。

Answer 1

您可以访问基础DOM元素：

var fileList = $("#File")[0].files;
for (var i = 0; i < fileList.length; i++) {
   // Do stuff
}

Answer 2

您可以使用

等文件属性

var files = $("#File").prop('files')

然后循环它并读取文件的名称属性

演示：Fiddle