使用javascript从多文件上传控件中检索文件名

Question

HTML是：

<input type="file" multiple="multiple" name="upload" id="id_upload" />

如果我加载三个文件，document.getElementById("id_upload").value只返回一个文件名，而不是三个名称的数组或三个名称的逗号分隔字符串。与jQuery val（）相同的故事。有没有办法获得整个清单？

Answer 1

使用该元素的the .files property：

var elem = document.getElementById("id_upload");
var names = [];
for (var i = 0; i < elem.files.length; ++ i) {
   names.push(elem.files[i].name);
}

参考：

• Input.multiple — MDC
• File — MDC