blob二进制大对象

一，blob介绍

1.blob代表二进制类型的对象。

2.在后端Blob的概念在一些数据库中被使用，将文件存储成二进制。

3.在前端Blob类型的对象表示不可变的类似文件对象的原始数据，是一种储存数据的方法。

二，blob对象声明

1.new一个Blob对象，将普通数据转成blob数据对象。

（1）第一个参数是一个数组，可以接受任意个blob数据，字符串，数字等等。

（2）第二个参数的type表示放入到 blob 中的数组内容的 MIME 类型。

2.Blob对象含有两个属性：size 和 type。其中 size 属性用于表示数据的大小（以字节为单位），type 是 MIME 类型的字符串

三，应用场景

1.用作图像，下载二进制数据等的 URL 源；

（1）window.URL.createObjectURL(blob) 用于生成指向blob数据的地址：blob:http://xxx

（2）该地址可用作<a>、<img> 或其他标签的 URL

（3）window.URL.revokeObjectURL(url) 清除 URL → Blob 的映射，如果我们创建一个 Blob URL，即使不再需要该 Blob，它也会存在内存中，因此要及时清除。

 var blob = new Blob(['123'],{type:'text/plain'});
 var url = window.URL.createObjectURL(blob);
 var link = document.createElement("a");
 
 link.download = "file.txt";
 link.href = url ;
 link.click()
 
 window.URL.revokeObjectURL(url)
1
2
3
4
5
6
7
8
9

2.分片上传

四，注意事项

1.blob是一种数据储存的方法，但不是一种具体的mimetype，在blob对象的type属性获取的才是这个blob数据真正的mimetype，例如如下场景，后端提供接口下载一个excel时，后端报错了，可能返回的就是一个json对象，而不是excel，我们要根据blob.type获取真正的mimetype，做出相应的错误处理。