我有一个带有multiple="multiple"属性的文件输入，允许用户一次选择多个文件。我想在上传之前显示选定的文件名及其计数，但是我不确定如何使用 javascript 从文件输入元素中获取此信息？
<input type="file" id="fileElementId" name="files[]" size="20" multiple="multiple" />
我试过这个：
document.getElementById('fileElementId').value
但是当我选择多个文件时，这只返回一个文件名。使用 JavaScript 如何从具有multiple属性的文件输入元素中检索所选文件的数量及其名称？
在支持 HTML5 文件内容的新浏览器中，您的<input>元素将具有“文件”属性。这会给你一个“FileList”引用，它有一个“.length”属性。在“FileList”实例上还有一个称为“.item()”的访问方法，它需要一个整数参数来访问单个“File”元素。那些有一个“.name”属性。
所以：
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 支持有多彻底；但是，如果您在文件输入上设置了“多个”设置的页面，那么您已经在边缘跳舞了:-)
这是未经测试的，但您可以尝试：
$('#fileElementId').get(0).files;
或者
document.getElementById('fileElementId').files;
第二个答案是错误的。
答案应该是document.getElementById('fileElementId').files.length;而不是document.getElementById('fileElementId').files;。