跳到主要内容

Blob

Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成 ReadableStream 来用于数据操作。

Blob 表示的不一定是 JavaScript 原生格式的数据。File 接口基于 Blob，继承了 blob 的功能并将其扩展以支持用户系统上的文件。

构造函数​

Blob()​

返回一个新创建的 Blob 对象，其内容由参数中给定的数组拼接组成。

实例属性​

Blob.prototype.size 只读​

Blob 对象中所包含数据的大小（字节）。

Blob.prototype.type 只读​

一个字符串，表明该 Blob 对象所包含数据的 MIME 类型。如果类型未知，则该值为空字符串。

实例方法​

Blob.prototype.arrayBuffer()​

返回一个 promise，其会兑现一个包含 Blob 所有内容的二进制格式的 ArrayBuffer。

Blob.prototype.slice()​

返回一个新的 Blob 对象，包含了源 Blob 对象中指定范围内的数据。

Blob.prototype.stream()​

返回一个能读取 Blob 内容的 ReadableStream。

Blob.prototype.text()​

返回一个 promise，其会兑现一个包含 Blob 所有内容的 UTF-8 格式的字符串。

示例​

创建一个 blob Blob() 构造函数可以通过其他对象创建 blob。例如，用一个 JSON 字符串构造一个 blob：

const obj = { hello: "world" };
const blob = new Blob([JSON.stringify(obj, null, 2)], {
  type: "application/json",
});

参考链接​

MDN 官网：https://developer.mozilla.org/zh-CN/docs/Web/API/Blob