1、Blob（Binary Large Object）定义：二进制类型的大对象数据，在 JavaScript 中 Blob 对象表示不可变的原始数据。

2、语法：

var aBlob = new Blob(blobParts, options);

其中：blobParts是一个由 ArrayBuffer、Blob、DOMString 等对象构成的数组；options是一个可选项，由type和endings组成，type代表了被放入到 blob 中的内容的 MIME 类型，endings用于指定包含行结束符 \n 的字符串如何被表示（native表示行结束符\n被更改为适合宿主操作系统的换行符，transparent会保持 blob 中保存的行结束符不变）。

定义Blob

3、Blob属性和方法：两个只读属性size和type，其中size属性用于表示数据的大小（以字节为单位），type 属性为MIME 类型的字符串。slice([start[, end[, contentType]]])返回一个源指定范围内的Blob 对象；stream()返回一个读取 blob 内容的ReadableStream；text()返回一个 Promise 对象且包含 blob 所有内容的 UTF-8 格式的 USVString；arrayBuffer()返回一个 Promise 对象且包含 blob 所有内容的二进制格式的 ArrayBuffer。

Blob属性和方法

4、Blob URL/Object URL 是一种伪协议，允许 Blob作为链接的URL源，如a.href、img.src等。

创建 Blob URL：url=URL.createObjectURL(Blob)，览器器为 URL.createObjectURL 生成的 URL 存储了一个 URL → Blob 映射，此类 URL 较短，例如

blob:

Blob 本身仍驻留在内存中，在不需要时，可以调用URL.revokeObjectURL(url)来删除引用。

5、base64也可以作为<img src= />的源，格式为

data:[<mediatype>][;base64],<data>

其中mediatype 是个MIME 类型的字符串，如 image/png，默认值为 text/plain;charset=US-ASCII，例如：

<img src="data:image/png;base64,R0lGODlheABaAPf/AAC...">