jquery - 如何在 <input type ='file' multiple> 上使用 jquery 访问每个路径/文件名

Question

目前我正在使用 jQuery 读取文件输入的值以读取文件扩展名并确定它是否为 zip 文件。 (我得到 fakepath 并不重要，因为我只需要访问文件名。)当我在输入标签上设置了多个并且我选择了多个文件时，.val() 只获取最后一个被选中文件的路径。有什么方法可以遍历每一个吗？

Answer 1

HTML5 File API定义一个 FileList 对象，它可以通过事件目标的 files 属性访问。你可以这样做:

$("input[type='file']").change(function(e) {
    var fileList = e.target.files;
});

FileList 对象包含一个 File 对象的列表，name 属性应该为您提供您要查找的名称:

console.log(fileList[0].name);

这是一个 working example .

编辑

之前，我展示了 jQuery 事件对象的 originalEvent 属性的用法。这是不必要的，因为 target 属性存在于 jQuery 事件对象以及原始事件对象上。