.files 在 JavaScript 中实际上做了什么？

Question

我看到有人像这样使用.files 扩展名：

var selectedElement = document.getElementById(id).files[0];

我只知道它是 DOM 的一部分。我试图搜索互联网以找到有关此功能的参考，但我找不到任何参考。你们能解释一下或提供更多关于此的信息吗？

Answer 1

它是File API 的一部分，在all modern browsers 中可用，IE9 和更早版本除外。 files 是用户在您通过 id 变量中的 id 引用的 input[type=file] 元素中选择的文件的 FileList。

FileList 中的每个条目都是一个File，它为您提供文件的名称（不含路径信息）并可用于访问文件。

Here is a list 关于 SO 上的 File API 的问题和答案。

以下是我在 Stack Overflow 上的三个答案，展示了使用 File API 的各种方法：

• get image dimensions
• get file size
• read as text vs. binary