如何获取具有multiple属性的<input type =“file”/>输入中所有文件的名称？

Question

我的页面上有multiple属性的输入：

<input type="file" accept="video/*" required multiple id="input-file-video">

如果用户一次选择3个文件，则输入将仅显示：“3个文件被选中”，但我想获取所有选定文件的名称。我还尝试访问输入的value属性：

document.getElementById("input-file-video").value;

但这只返回第一个文件的名称。

有没有办法做到这一点？

Answer 1

试试这个，

var inp = document.getElementById('input-file-video');
for (var i = 0; i < inp.files.length; ++i) {
  var name = inp.files.item(i).name;
  alert("file name: " + name);
}

在jQuery中，$('#input-file-video').get(0).files;将返回上传的文件列表。所以你可以遍历并获取文件名。