JavaScript 复习之 File对象

File对象

对象代表一个文件，用来读写文件信息。

常见场合是表单的文件上传控件（<input type="file">），用户选中文件以后，浏览器就会生成一个数组，里面是每一个用户选中的文件，它们都是 File 实例对象。

// HTML 代码如下
// <input id="fileItem" type="file">
var file = document.getElementById('fileItem').files[0];
file instanceof File // true
复制代码

属性和方法

• File.lastModified：最后修改事件
• File.name：文件名或文件路径
• File.size：文件大小（单位字节）
• File.type：文件的 MIME 类型

FileList对象

是一个类似数组的对象，代表一组选中的文件，每个成员都是一个 File 实例。它主要出现在两个场合。

• 文件控件节点（<input type="file">）的files属性，返回一个 FileList 实例。 拖拉一组文件时，目标区的DataTransfer.files属性，返回一个 FileList 实例

FileList 的实例属性主要是length，表示包含多少个文件。

FileList 的实例方法主要是item()，用来返回指定位置的实例。

转载于:https://juejin.im/post/5c7eb7da6fb9a049c15ff788