简介
@fetools/ali-oss-put 是一个基于阿里云 OSS API 封装的 npm 包，用于前端上传文件到 OSS 上的工具库，支持文件分片上传、进度条显示等功能。
本教程将介绍如何在前端中使用 @fetools/ali-oss-put 进行文件上传。
安装
使用 npm 进行安装：
npm install @fetools/ali-oss-put --save
使用
初始化
-- -------------------- ---- ------- ------ --------- ---- ---------------------- ----- --------- - - ------------ ------------------ -- ---- --- ----------- ---------------- ---------------------- -- ---- --- --------------- ------- ------------- -- ------ --- ------ ------- ------------ -- ------ ------ - ----- --------- - --- --------------------
上传文件
-- -------------------- ---- -------
-- ----
----- ----- - -------------------------------
---------- - ------
-------------- - - -- -
----- ---- - -----------------
-- ----
------------------
----- -- --------
---- ---------- - ---------- -- --- --- ----
----------- -------- -- -
----------------- - - ------------------- - ---- - ----
-
-------------- -- -
-------------------- -------
------------ -- -
-------------------- ----
--
-
--------------------------------分片上传
-- -------------------- ---- -------
---------------------------
----- -- --------
---- ---------- - ---------- -- --- --- ----
---------- ---- - ---- - --- -- ----
--------- -- -- ------
----------- -------- -- -
----------------- - - ------------------- - ---- - ----
-
-------------- -- -
-------------------- -------
------------ -- -
-------------------- ----
--示例代码
以下代码展示了如何在 React 中使用 @fetools/ali-oss-put 进行文件上传：
-- -------------------- ---- -------
------ ------ - -------- - ---- -------
------ --------- ---- ----------------------
----- --------- - -
------------ ------------------ -- ---- --- -----------
---------------- ---------------------- -- ---- --- ---------------
------- ------------- -- ------ --- ------
------- ------------ -- ------ ------
-
----- --------- - --- --------------------
-------- ----- -
----- ---------- ------------ - -----------
----- ------------ - - -- -
----- ---- - -----------------
------------------
----- -- --------
---- ---------- - ---------- -- --- --- ----
----------- -----------
-------------- -- -
-------------------- -------
------------ -- -
-------------------- ----
--
-
------ -
-----
------ ----------- ----------------------- --
--------- -------------------- - ------------
------
-
-
------ ------- ---总结
@fetools/ali-oss-put 是一个非常实用的前端工具库，它为我们提供了便捷的接口，让我们可以快速地将文件上传到阿里云 OSS 上。在使用时我们只需要通过 AliOssPut 对象来调用 upload 或 multipartUpload 方法即可。当然，在具体应用中，我们还需要根据需求自行调整配置参数等。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006725e3660cf7123b36414