关于Blob的使用

最近的Task涉及文件的上传和下载，查了查NGZERRO，发现相关组件是基于Blob的封装。写个笔记记录一下。

首先搞清楚概念及其各自的关系！！！

二进制流学习-Blob、ArrayBuffer、File、FileReader和FormData的区别 - 吴小明- - 博客园这些名词里，Blob、ArrayBuffer、File可以分为一类，它们都是数据 fileReader是一种工具，用来读取数据 formData是一个应用数据的场景 Blob： 概念：Blob全称bihttps://www.cnblogs.com/wuqilang/p/14099190.html

1. 这些名词里，Blob、ArrayBuffer、File可以分为一类，它们都是数据
2. fileReader是一种工具，用来读取数据
3. formData是一个应用数据的场景

要点：

1. Blob 是一个容器。blob对象本质上是js中的一个对象，里面可以储存二进制编码格式的数据。

2.Blob需要声明Type类型

 3.Blob拿到数据，通过Promise方式回调的到。

4.Blob文件如何下载？

将Blob转为一个Url，然后设置url的download属性，click点击下载。

 4.异步使用FileReader

File​Reader(文件上传)的基本使用_yw00yw的博客-CSDN博客_filereader 文件上传FileReader简介FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。FileReader是一种异步文件读取机制，结合input:file可以很方便的读取本地文件。input:file<input type="file" id="inputBox">i...https://blog.csdn.net/yw00yw/article/details/90293661

5.关于大文件的分片

利用blob对象实现大文件分片上传 - 古兰精 - 博客园首先说分片上传，我们在进行文件上传的时候，因为服务器的限制，会限制每一次上传到服务器的文件大小不会很大，这个时候我们就需要把一个需要上传的文件进行切割，然后分别进行上传到服务器。 假如需要做到这一步，https://www.cnblogs.com/goloving/p/10439718.html