DhtmlX Vault提供了一种简单的方法，来构建支持angular、react和vue.js的JavaScript文件上传库。该工具带有基于Google Material Design的清晰用户界面，提供了鼠标的拖放功能，以及一整套完善的文件管理控件。

由于能够接受JSON格式的数据，因此您可以通过Vault，从本地源和外部URL来加载文件。而如果链接的属性中带有指向文件服务器上的位置路径，那么您也可以从Vault处下载文件。同时，Vault还能够从服务器上，还原以前上传过的数据列表。

默认情况下，只要最终用户将文件添加到Vault之中，即可实现自动上传。当然，您也可以配置为手动加载的方式，让用户自行单击“上传”按钮。其进度条能够显示当前上传操作的完成百分比。同时，您还可以添加额外的放置区域，以便用户将文件拖曳到Vault与应用程序的其他部分。通过单击“取消”按钮，您可以随时撤消上传进程。

此外，该上传工具还能够借助REST api的方式，便捷地管理各类文件。例如，您可以通过限制每个已加载文件的最大体积、上传文件的数量、以及可接受的文件扩展名，来对整个上传过程予以控制。当然，由Vault下载的文件也可以按照最终用户的选择条件，进行各种过滤和排序。

Vault组件具有两种默认的视图模式--列表和网格。其中，网格视图更为实用，您可以通过它看到文件的预览，并对其质量进行管控。用户既可以在列表模式和网格模式之间轻松地进行切换，又可以同时操纵多个文件，并通过拖放的方式，对其进行重新排序。

Vault上传库的优势在于它拥有丰富的自定义功能。所有元素，包括图标、进度条、以及工具栏控件，都可以被轻松地修改。您不但可以通过为Vault中的所有文本标签提供翻译的方式，以应对非英语的语言环境;当然也可以通过TypeScript的支持，让自己的代码更整洁、更助于加快开发的进程。

链接: https://fly63.com/nav/3307