javascript - 使用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