前言
如果你曾经需要在前端页面上实现上传功能，那么你一定知道 swfupload 这个库。swfupload 是一个历史较为久远的 Flash 上传库，最早由 Jake Roberts 开发并维护。不过，由于 Flash 的“逐渐式微”，swfupload 的使用率也越来越低，但仍然是一个非常优秀的库。如果你仍然在使用 swfupload，那么 npm 包 swfupload 是一个很好的选择。本文将详细介绍 swfupload 在 npm 包中的使用方法。
安装
npm install swfupload --save
引入
import Swfupload from 'swfupload';
初始化
-- -------------------- ---- -------
----- ------ - --- -----------
---------- ------------------------
-- -------- --
--------------- ---------------------
-- --------- -------------------------- -------- --
------------------ -------
-- --- --- -- --
----------- -----------------------------
-- ---- --------------- ----- --
------------ ---
-- ------------- -------------------- ---------- --
----------- ---------------------------
-- -------- - --------- --
----------------- --
-- ---- --
----------------------- ------ ------------ -- -
------------------- -------------
--
--------------------- ------ ----------- -------- -- -
--------------------- ---------
--
---方法
在初始化后，我们可以使用以下方法：
设置 POST 参数
upload.setPostParams({
_token: 'xxxx',
});开始上传
upload.startUpload();
停止上传
upload.stopUpload();
添加文件到队列
-- -------------------- ---- ------- ----- ---- - - --- ---- -- -- ----- -------------- ----- ----- -- ----- ----- ------------ -- -- ------- ----------------------------- -- -------------------------------------------------------------------------------------------------------------------------------- -- -------------------------
从队列中删除文件
upload.cancelUpload(file.id);
结语
swfupload 虽然是一个 Flash 上传库，不过在无需支持低版本 IE 的情况下，我们可以使用 npm 包 swfupload，它依赖于一个 Flash 上传库 fork，在保留了 swfupload 原有的大部分特性的基础上，增加了众多功能和问题修复。它适用于现代 Web 浏览器与 Node.js 环境，例如 Webpack、React Native、Electron 等，可以方便地引入到你的项目中，使用 npm 进行管理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601a81e8991b448de43a