【问题标题】: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; 将返回已上传文件的列表。所以你可以循环并获取文件名。