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

Question

HTML是:

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

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

Answer 1

使用该.files元素的属性:

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
• 文件 - MDC