简介
resumable.js 是一个基于 JavaScript 的前端库，旨在提供可恢复的文件上传功能。通过该库，可以实现将大文件分割为多个块（chunk），并逐个上传，从而最大限度地避免网络问题导致的上传失败。
安装
在使用 resumable.js 之前，需要先安装它。可以通过 npm 来安装：
--- ------- -----------
也可以直接下载源代码，并引入其中的 resumable.js 文件。
使用方法
以下是一个简单的使用示例：
----- - - --- ----------- ------- ---------- --- ---------------- -------------------- ------ -- - ------------------- -------- --- ----------------- --------------------- --- -----------
上述代码中，我们首先实例化了一个 Resumable 对象，并指定了上传地址。接着，添加了一个待上传的文件，并注册了一个回调函数，用于在文件上传过程中打印上传进度信息。最后，调用 upload() 方法开始上传。
同时，resumable.js 还提供了丰富的事件和方法，可以满足各种不同的需求。比如，你可以通过 pause() 和 resume() 方法暂停和恢复上传；也可以通过 on('fileSuccess', ...) 方法监听上传成功事件。
但需要注意的是，由于 resumable.js 本身并不负责文件存储和管理，因此需要开发者自己实现上传后的文件处理逻辑。
实例代码
以下示例演示了如何在 Express 中通过 resumable.js 上传文件，并将其保存到本地磁盘上：
----- ------- - -------------------
----- --------- - -----------------------
----- -- - --------------
----- --- - ----------
----- --------- - --------- - -----------
-- --------------------------- -
------------------------
-
------------------- ----- ---- -- -
----- - - --- -----------
------- ----------
---------- - - ---- - -----
-------------------- --
----------- ------
---
----------------- ------ -- -
----- -------- - ----------------------------------------
-- ------------------------- -
----------------- ---------------- ------- ---------
-------
-
----- ------ - -------------------------------
---------------------------
------------------- -- -- -
----------------- ---------------- -------- ---------------
---
---
----------------- ------ -- -
------------------- -- ------ -------------------
---
------------- ----- -- -
-- ----- -
-------------------
--------------------
- ---- -
--------------------
-
---
---
---------------- -- -- -
------------------- ------- -- ---- -------
---该示例中，我们首先使用 fs 模块创建了一个名为 uploads 的文件夹，用于保存上传的文件。接着，在 Express 中定义了一个 /upload 接口，用于接收上传请求并处理上传逻辑。
在处理上传逻辑时，我们首先实例化了一个 Resumable 对象，并指定了一些参数，比如分块大小、同时上传数等。接着，注册了两个回调函数，分别用于处理文件添加和上传失败事件。
在文件添加事件中，我们首先判断待上传的文件是否已经存在于本地磁盘上。如果是，则直接返回；否则，通过 fs.createWriteStream() 创建一个可写流，并将上传的文件流写入该流中，从而实现文件上传。
最后，在完成全部上传后，通过回调函数向客户端发送上传结果状态码。
总结
resumable.js 是一个非常有用的前端库，
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/33704