如何获取<输入类型="文件">具有multiple属性的输入

How to get names of all files in the <input type="file"> input that has the multiple attribute?

本文关键字：quot 输入 文件 具有 multiple 属性 何获取 类型 获取      更新时间：2023-09-26

我的页面上有一个带有multiple属性的输入:

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

如果用户选择，假设一次选择3个文件，输入将只显示:"3个文件选定"，但我想获得所有被选中的文件的名称。我还尝试访问输入的value属性:

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

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

有什么办法可以做到吗?

试试这个，

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;将返回上传的文件列表。所以你可以循环并得到文件名

相关文章：