在现代 web 应用开发中，文件上传已经成为了不可避免的一部分，而 backbone-upload-manager 正是一个能够帮助我们更加有效地进行文件上传管理的 npm 包。
什么是 backbone-upload-manager
backbone-upload-manager 是一个适用于 Backbone.js 的文件上传管理工具。利用该工具，我们可以更加方便地管理文件上传的进度、错误处理和取消上传等操作。
该工具基于 Backbone.js 和 jQuery，易于使用并且可以与其他 Backbone.js 插件和工具集成。
安装和使用
安装：
npm install backbone-upload-manager --save
使用：
-- -------------------- ---- -------
------ -------- ---- -----------
------ - ------------------- ----------------- - ---- --------------------------
-- -------------
----- ------------- - --- ---------------------
-- -------------
----- ----------------- - --- -------------------
------ --------------
--- -----------------
---
-- ------
-------------------------------------示例代码中，我们通过 import 引入了 backbone、jQuery 和 backbone-upload-manager，然后创建了一个上传管理器模型实例和一个上传管理器视图实例，并将它们相关联起来。最后我们通过调用 uploadManagerView.addFiles 方法，将文件列表添加进上传列表中。
UploadManagerModel
UploadManagerModel 用于管理上传列表中的文件，包括文件上传进度、上传状态和上传成功/失败等操作。
实例化
var uploadManagerMode = new UploadManagerModel([attributes], [options]);
属性
attributes：包含上传列表中的文件属性和值。
options：可选，包含任意数目的配置选项。
方法
uploadFile(file)
上传指定的文件。
uploadManagerModel.uploadFile(file);
uploadAll()
上传上传列表中的所有文件。
uploadManagerModel.uploadAll();
cancelFile(file)
取消上传指定的文件。
uploadManagerModel.cancelFile(file);
UploadManagerView
UploadManagerView 用于呈现上传列表和文件上传进度，并将用户的操作交由 UploadManagerModel 处理。
实例化
var uploadManagerView = new UploadManagerView([options]);
属性
- options：可选，包含任意数目的配置选项。
方法
addFiles(fileList)
在上传列表中添加文件。
uploadManagerView.addFiles(fileList);
render()
在 DOM 中呈现上传列表和文件上传进度。
uploadManagerView.render();
uploadFile(e)
在 UploadManagerModel 中上传指定文件。
uploadManagerView.uploadFile(e);
uploadAll()
在 UploadManagerModel 中上传上传列表中的所有文件。
uploadManagerView.uploadAll();
cancelFile(e)
在 UploadManagerModel 中取消上传指定文件。
uploadManagerView.cancelFile(e);
使用示例
-- -------------------- ---- -------
------ -------- ---- -----------
------ - ------------------- ----------------- - ---- --------------------------
----- ------------- - --- ---------------------
----- ----------------- - --- -------------------
------ --------------
--- -----------------
---
-------------------------------------在示例代码中，我们首先通过 import 语句引入了 Backbone 和 backbone-upload-manager 包，并分别实例化了 UploadManagerModel 和 UploadManagerView。最后我们通过 uploadManagerView.addFiles 方法向上传列表中添加了文件列表。
至此，我们已经学习了如何使用 backbone-upload-manager 进行文件上传管理。该工具能够帮助我们实现更加高效、可靠的文件上传处理，是 web 应用开发中必不可少的工具之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600576ba81e8991b448eaaf7