【问题标题】:How to get names of all files in the <input type="file"> input that has the multiple attribute?如何获取 <input type="file"> 输入中具有多个属性的所有文件的名称?
【发布时间】:2015-12-21 02:39:56
【问题描述】:

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

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

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

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

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

有什么办法吗?

【问题讨论】:

标签: javascript html file file-upload input


【解决方案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; 将返回已上传文件的列表。所以你可以循环并获取文件名。

【讨论】:

  • 谢谢!我不知道 files 属性。
猜你喜欢
  • 1970-01-01
  • 2011-02-05
  • 1970-01-01
  • 2017-07-30
  • 1970-01-01
  • 1970-01-01
  • 2010-11-20
  • 1970-01-01
  • 2022-06-19
相关资源
最近更新 更多