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

Question

我看到有人使用.files扩展程序，如下所示：

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

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

Answer 1

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

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

关于文件API的问题和答案

Here is a list来自SO。

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

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