我有一个文件输入multiple="multiple"属性允许用户一次选择多个文件。我想在上传之前显示选定的文件名及其计数，但是我不确定如何使用 javascript 从文件输入元素获取此信息？
<input type="file" id="fileElementId" name="files[]" size="20" multiple="multiple" />
我试过这个：
document.getElementById('fileElementId').value
但当我选择多个文件时，这只返回一个文件名。
使用 JavaScript 是如何从文件输入元素中检索所选文件的数量及其名称multiple属性？
在支持 HTML5 文件内容的新浏览器中，您的<input>元素将具有“files”属性。这将为您提供一个“FileList”引用，它具有“.length”属性。 “FileList”实例上还有一个名为“.item()”的访问方法，它需要一个整数参数来访问各个“File”元素。它们有一个“.name”属性。
So:
var inp = document.getElementById('fileElementId');
for (var i = 0; i < inp.files.length; ++i) {
var name = inp.files.item(i).name;
alert("here is a file name: " + name);
}
这当然不适用于较旧的 IE 版本，而且我什至不确定 Safari 和 Chrome 支持有多彻底；但是，如果您正在编写在文件输入上设置了“多个”的页面，那么您已经在边缘跳舞了:-)
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
