简介
File-Agent 是一个基于 Promise 的文件上传插件，兼容所有主流浏览器。它可以让你轻松地在前端实现文件上传功能。本文主要介绍 File-Agent 的使用方法。
安装
使用 npm 安装 File-Agent：
npm install file-agent --save
使用
初始化
在使用前，需要初始化 File-Agent：
const fileAgent = new FileAgent();
上传文件
在调用 upload 方法前，需要指定一个文件。
const input = document.querySelector('input[type=file]');
const file = input.files[0];
fileAgent.setFile(file);然后，使用 upload 方法：
fileAgent.upload(url, options)
.then(function(res) {
console.log('上传成功', res);
})
.catch(function(err) {
console.error('上传失败', err);
});其中，url 是上传地址，options 是上传配置，具体配置详见官方文档。
上传进度
File-Agent 还支持上传进度的监听。使用 onProgress 方法：
fileAgent.onProgress(function(progressEvent) {
console.log('上传进度', progressEvent);
});上传取消
如果需要取消上传，可以使用 cancel 方法：
fileAgent.cancel();
示例代码
下面是一个简单的示例代码，演示了 File-Agent 的基本使用方法：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------------- ----------
-------
------
------ ----------- --
------- --------------------------
---- --------------------
------- -----------------------------
--------
----- ----- - -------------------------------------------
----- --- - -------------------------------------
----- -------- - ------------------------------------
----- --------- - --- ------------
-------------------------------- ----------- -
-------------------------------------
---
----------------------------- ---------- -
----- --- - -----------------------------------
--------------------- -
----------------- --------------- -
------------------ - ------------ - --- - ------------
-
--------------------- -
------------------- -----
---------------------- -
--------------------- -----
---
---
---------
-------
-------总结
File-Agent 是一个方便使用的文件上传插件，具有简单的 API，支持上传进度监听和取消上传等功能。以上就是一个简单的使用示例，更多信息请参考官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ff481e8991b448ddc31