File，Blob，FileReader，ArrayBuffer，TypeArray，DataView

File就是用户计算机上的文件，一般通过<input type="file" />标签来使用户选择文件，选择后可以知道文件的大小，名称，类型等基础信息

File长这样，是个对象

Blob是Binary large Object缩写，人话：它是一个不可变的，包含二进制数据的，类文件对象（即：像是上面那个File。因为File就是通过Blob实现的）

Blob接收两个参数：
第一个是数组，数组内可以是以下内容的任意组合（空，ArrayBuffer，ArrayBudderView，Blob， DOMString等）；
第二个是对象，设置type，默认为""，可选；

let b1 = new Blob(["Info"])
console.log(b1)

let b2 = new Blob(["Info"], { type: "application/json" })
console.log(b2)

Blob对象可以通过自身的slice()方法切割Blob.slice(start，end，contenetType)，contenetType是个对象{ type: '' }可以为当前片段设置type。该方法可用于大文件的传输，将大文件切割成若干小块

FileReader是用来读文件的，File只是让用户选择了文件，但是这个文件里面具体是什么？还得要FileRead来"读一读"。FileReader当然也可以用来读Blob，读完之后再将其读到的内容"表达"出来，它会4中表达方式：

1. readAsArrayBuffer 文件将以ArrayBuffer形式存在result中
2. readAsBinaryString 文件将以二进制字符串形式存在result中
3. readAsDataURL 文件将以URL格式的base64字符串形式存在result中
4. readAsText 文件将以文本形式存在result中
   然而读取文件也不是瞬间完成的，读取的过程对应以下几个函数:
5. onabort 中断时
6. onloadstart 开始时
7. onprogress 读取过程中
8. onload 成功读完（结束）时
9. onerror 读取失败（结束）时
10. onloadend 不论成功与否的结束时
    要是想手动中断
    FileReader.abort()

TypeArray和DataView

这两个都是用来操作ArrayBuffer的，当FileReader用readAsArrayBuffer的时候，就需要TypeArray和DataView参与来操作读取后的结果ArrayBuffer