我正在阅读http://www.html5rocks.com/en/tutorials/file/xhr2/ 并试图找出ArrayBuffer 和Blob 之间的区别。
不是两个容器都是由比特组成的吗？因此，不能以多种方式查看两个容器（如 32 位块、16 位块等）吗？
【问题讨论】：
ArrayBuffer（及其视图，例如DataView和类型化数组）用于二进制数据，@ 987654326@ 用于二进制文件。
标签： javascript html
总结
除非您需要编写/编辑能力（使用ArrayBuffer），否则Blob 格式可能是最好的。
详情
我从different html5rocks page. 提出这个问题，我发现@Bart van Heukelom's comments 很有帮助，所以我想在这里将它们提升为答案。
我还找到了特定于 ArrayBuffer 和 Blob 对象的有用资源。总之：尽管强调 Blob 是不可变的/“原始数据”Blob 对象易于使用。
比较/对比ArrayBuffer与Blob的资源：
ArrayBuffer 可以更改（例如，DataView）Blob 是不可变的
- ArrayBuffer 位于内存中，可供操作。
- Blob 可以位于磁盘、缓存内存和其他不容易获得的地方
ArrayBuffer 将需要 一些访问层，例如 typed arrays
Blob 可以直接传递给其他函数，例如 window.URL.createObjectURL，如 OP's URL 的示例所示。
File-related interfaces 和FileReader 之类的API 才能使用Blob。Blob 转换为ArrayBuffer，反之亦然，这解决了 OP 的“两个容器不是由位组成的吗？”
FileReader's readAsArrayBuffer method 或 async method const arrayBuffer = await blob.arrayBuffer()（感谢 @Darren G）new Blob([new Uint8Array(data)]);，如图
this answer
jsZip; (new JSZip()).loadAsync(...) 接受 两者 ArrayBuffer 和 Blob: String/Array of bytes/ArrayBuffer/Uint8Array/Buffer/Blob/Promise
binaryType property（可以有值“arraybuffer”或“blob”）来“控制通过 WebSocket 连接接收的二进制数据的类型。”responseType property 来“更改来自服务器的预期响应类型”（有效值包括“arraybuffer”、“blob”以及“document”、“json”和“text”等其他值）李>
响应属性将包含实体主体根据
responseType，作为 ArrayBuffer、Blob、Document、JSON 或字符串。
其他有用的文档：
ArrayBuffer对象用于表示一个通用的、固定长度的 原始二进制数据缓冲区。您不能直接操作 一个ArrayBuffer；相反，您创建一个类型化的数组对象或 一个DataView对象，它以特定格式表示缓冲区， 并使用它来读取和写入缓冲区的内容。
Blob对象表示不可变、原始数据的类文件对象。Blob表示不一定是 JavaScript 原生的数据 格式。File接口基于Blob，继承blob 功能并将其扩展为支持用户系统上的文件。
【讨论】：
FileReader，参见 "Example for extracting data from a Blob" here - 它添加了另一个异步函数，然后您才能从 Blob 访问任何内容。
arrayBuffer 可以转换为Blob，正如this answer 中提到的那样：new Blob([new Uint8Array(data)]); 我测试了它，它适用于 PNG 图像。
const buffer = await blobFile.arrayBuffer()developer.mozilla.org/en-US/docs/Web/API/Blob/arrayBuffer
页面上有说明。
数组缓冲区
ArrayBuffer 是二进制数据的通用固定长度容器。如果您需要一个通用的原始数据缓冲区，它们非常方便，但这些家伙背后的真正力量是您可以使用 JavaScript 类型数组创建基础数据的“视图”。事实上，可以从单个 ArrayBuffer 源创建多个视图。例如，您可以创建一个 8 位整数数组，它与来自相同数据的现有 32 位整数数组共享相同的 ArrayBuffer。底层数据保持不变，我们只是创建了不同的表示形式。
BLOB
如果您想直接使用 Blob 和/或不需要操作文件的任何字节，请使用 xhr.responseType='blob'：
【讨论】：