前端文件操作

作用：

文件（File）接口提供有关文件的信息，并允许网页中的 JavaScript 访问其内容。

如何产生File对象：

通常情况下， File 对象是来自用户在一个 元素上选择文件后返回的 FileList 对象,也可以是来自由拖放操作生成的 DataTransfer 对象，或者来自 HTMLCanvasElement 上的 mozGetAsFile() API。

File对象的属性

lastModified    只读。返回当前 File 对象所引用文件最后修改时间的毫秒数。

lastModifiedDate    只读。返回当前 File 对象所引用文件最后修改时间的 Date 对象。（废弃）

name    只读。返回当前 File 对象所引用文件的名字。

size    只读。返回当前 File 对象所引用文件的大小。

type    只读。返回当前 File 对象所引用文件的MIME类型

webkitRelativePath    只读。返回 File 相关的 path 或 URL。（不推荐）

其中lastModifiedDate，webkitRelativePath不推荐使用

剩下的属性也比较好理解，都是文件常见的信息，比如文件名，文件类型，文件大小，文件最后修改时间，需要注意这些File对象属性都是只读的。

File对象的方法

File对象没有定义任何方法，它的方法都继承自Blob。

原型链如下

可以发现File实例对象可以沿着原型链访问到Blob.prototype上的方法。

Blob是什么

Blob - Web API 接口参考 | MDN (mozilla.org)")

====================================================================================================================================================

MDN对于Blob介绍是：Blob 对象表示一个不可变、原始数据的类文件对象。

啥叫类文件对象？

Blob翻译过来是 Binary Larger Object，即二进制大对象。即Blob对象的组成是二进制数据。<