在前端开发中，我们经常需要使用到存储服务来存储数据或文件。而七牛云存储则是一款非常优秀的存储服务提供商，其提供了 npm 包 qiniu 来方便我们开发者使用七牛云存储的服务。本文将会详细介绍如何使用 npm 包 qiniu。
安装 qiniu
打开终端并在终端中运行以下命令来安装 qiniu：
--- ------- ----- ------
安装完成后，我们就可以使用 qiniu 提供的 API 来操作七牛云存储的服务。
初始化 qiniu
在我们使用 qiniu 的 API 之前，需要初始化一下 qiniu，即设置好 AccessKey、SecretKey 和 Bucket 等参数。打开你的项目文件，创建一个 JavaScript 文件 qiniu.js，在其中编写以下代码：
----- ----- - ----------------- -- -- --------- - --------- ----- --------- - ------------ ----- --------- - ------------ -- ------- ----- --- - --- -------------------------------- ----------- -- -- ------ --- ----- ------ - --------- ----- ------ - --------- -- ------- ----- ------ - --- -------------------- -- ------- ----------- - ------------------- -- ---------- ----- ------- - - ------ ------- -- ----- --------- - --- ---------------------------- ----- ----------- - --------------------------- -- -------- ----- ----------- - --- ----------------------------------- ----- -------- - --- -------------------------
在以上代码中，我们首先定义了 AccessKey 和 SecretKey，然后初始化了鉴权对象 mac，接着定义了 Bucket 和域名。然后我们创建了配置对象 config，设置了机房 zone，并根据配置创建上传凭证 putPolicy 和 uploadToken。最后，我们初始化了七牛云对象 qiniuObject 和 putExtra。
上传文件
在我们初始化 qiniu 后，就可以使用 qiniu 提供的 API 来上传文件至七牛云存储了。打开 qiniu.js 文件，在其中编写以下代码：
-- ----------------
----- --------- - ------------------
----- --- - -----------------
-- -- ------- ------
-------------------------------- ---- ---------- --------- ----------------- --------- --------- -
-- --------- -
----- --------
-
-- -------------------- --- ---- -
----------------------
- ---- -
---------------------------------
----------------------
-
---在以上代码中，我们首先定义了本地文件路径和上传后的文件名，然后调用 qiniuObject 的 putFile 方法上传文件。在 putFile 方法中，我们传入了上传凭证 uploadToken、远程文件名 key、本地文件路径 localFile、额外选项 putExtra 以及回调函数。在回调函数中，我们判断是否有错误 respErr，如果有则抛出错误，否则判断上传状态码是否为 200，如果是，则输出上传成功信息，否则输出上传失败信息。
下载文件
在我们将文件上传至七牛云存储后，就可以使用 qiniu 提供的 API 来下载文件了。打开 qiniu.js 文件，在其中编写以下代码：
-- ---------
----- --- - -----------------
-- --- ------------- --
----- ------------- - --- --------------------------- --------
-- -- ------------- - ---- - --- ------
-------------------------- ---- ----------------- --------- --------- -
-- --------- -
----- --------
-
-- -----
----- --------- - -------------------------------------
------------------------- ---- ---------------- ----- -
-- -------- -
----- -------
-
-- ----------
----------------------
----------------
---------------- ---- ----------
---
---在以上代码中，我们首先定义了要下载的文件名 key，然后初始化 BucketManager 对象 bucketManager。接着，我们调用 bucketManager 的 stat 方法获取文件信息，判断是否有错误 statErr，如果有则抛出错误，否则再调用 bucketManager 的 get 方法获取文件，将文件流写入本地文件并输出成功信息。
总结
通过本文的介绍，我们可以学习到如何使用 npm 包 qiniu 操作七牛云存储的服务。在使用 qiniu 时，我们需要注意鉴权、上传凭证以及 Bucket 等参数的设置，以及各个 API 的使用方法。希望本文能够帮助到你学习和使用 qiniu。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64125