在前端开发中，处理二进制数据是很常见的需求。而对于二进制数据的处理通常需要使用 Blob 对象。promise-blob-store 是一个 npm 包，它提供了一个简单的 API 用于将二进制数据存储到 Blob 对象中，并且支持使用 Promise 进行异步操作。
安装
在使用 promise-blob-store 之前，首先需要安装它。使用 npm 安装命令即可：
npm install promise-blob-store
导入
安装完 promise-blob-store 之后，可以将它引入到项目中并使用它的 API。可以使用 import 或 require 引入它：
import BlobStore from 'promise-blob-store';
const BlobStore = require('promise-blob-store');存储数据
接下来，就可以使用 BlobStore 的 API 来存储数据了。BlobStore 的 API 主要分为两部分：
- 创建 BlobStore 实例
- 在 BlobStore 实例上执行方法来进行存储操作
首先，需要创建一个 BlobStore 实例。可以使用 new BlobStore() 方法，传递一个参数来指定 Blob 对象的 MIME 类型：
const blobStore = new BlobStore('image/png');然后，就可以使用 create() 方法将数据存储到 Blob 对象中：
-- -------------------- ---- -------
----- ---- - --- -------------- -- ----
----------------------
---------- -- -
-- --------- --- ---- --
---------------------- --- ---------------- ------------ --------
--
------------ -- -
-- ----
--------------------- -------
---create() 方法会返回一个 Promise，如果存储成功，会 resolve 一个 Blob 对象。在 resolve 的回调函数中，就可以使用存储好的 Blob 对象进行后续的操作了。
读取数据
除了存储数据，还可以使用 read() 方法来读取 Blob 对象中的数据：
-- -------------------- ---- -------
----- ---- - --- --------- -------------- -- ----- ------ --------------
--------------------
---------- -- -
-- --------- --- ---------- --
--------------------- --------------------------------------
--
------------ -- -
-- ----
--------------------- -------
---read() 方法同样返回一个 Promise，如果读取成功，会 resolve 一个 Uint8Array 对象，即 Blob 对象中存储的二进制数据。
删除数据
最后，可以使用 remove() 方法来删除 Blob 对象：
-- -------------------- ---- -------
----- ---- - --- --------- -------------- -- ----- ------ --------------
----------------------
-------- -- -
-- ----
--------------------
--
------------ -- -
-- ----
--------------------- -------
---remove() 方法也返回一个 Promise，如果删除成功，则 resolve 一个空的 Promise。
总结
promise-blob-store 是一个超级简单的 npm 包，它提供了一个非常简单的 API 来处理 Blob 对象及其存储的二进制数据。使用 promise-blob-store 可以非常方便地将数据存储到 Blob 对象中，以及从 Blob 对象中读取和删除数据。同时，promise-blob-store 也支持使用 Promise 进行异步操作，这大大简化了对二进制数据的操作。
完整示例代码可以访问 GitHub 仓库：https://github.com/patrickjuchli/promise-blob-store
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556c281e8991b448d391a