【.com快译】有过软件开发经验的人都知道，管理客户端和服务端的文件上传往往是一件非常繁琐复杂的工作。在这里，我精心挑选了五个好用的JavaScript上传库，可以让你的日常工作轻松自如。通过了解它们的功能、优势和价格方案，您可以根据自己的实际需求和项目进行选择。1、UppyUppy可以从本地磁盘、远程URL、云平台（如instagram、Dropbox、GoogleDrive）获取各种文件，然后上传到最终目标位置。由于符合tus标准（一种基于HTTP的开放式断点续传协议，详见--https://tus.io/），它执行的各种大型上传可以免受不良网络条件影响。它的仪表板插件支持简单的拖放操作、显示文件预览、允许用户编辑元数据以及监控上传进度。它实际上充当其他Uppy插件的宿主。例如，当需要添加instagram或webcam模块时，它们会在dashboard上显示相应的tabs，用户可以直接点击上传文件。它的XHR上传插件可以将文件从本地磁盘或网络摄像头添加到现有的Apache、Nginx、Node.js、Ruby或PHP服务器。但是必须运行Uppy的开源云服务器才能实现远程上传。即使浏览器或导航意外崩溃，Uppy也可以通过金毛插件将选中的文件保存在浏览器缓存中，通过按需恢复恢复上传。支持多种语言的Uppywidgets不仅是完全开源的，而且是社区驱动的。由于Uppy是免费的，因此您不必为文件上传需求单独付费。通过详细的文档链接-https://uppy.io/docs/，您可以查看清晰的安装指南、插件列表和各种可用功能。通过它的演示页面，您可以深入了解Uppy仪表板、拖放操作和各种其他插件功能。2.DHTMLXVaultDHTMLXVault提供了一种简单的方法来构建支持Angular、React和Vue.js的JavaScript文件上传库。该工具带有基于GoogleMaterialDesign的清晰用户界面，提供鼠标拖放功能，以及一套完整的文件管理控件。由于它接受JSON格式的数据，因此您可以通过Vault从本地源和外部URL加载文件。如果链接的属性具有指向文件服务器上某个位置的路径，您也可以从Vault下载文件。同时，Vault还可以从服务器恢复之前上传的数据列表。默认情况下，只要最终用户将文件添加到保管库，就会自动启用上传。当然，你也可以配置为手动加载方式，让用户自己点击“上传”按钮。它的进度条可以显示当前上传操作的完成百分比。同时，您可以为用户添加额外的拖放区，以将文件拖放到Vault和应用程序的其他部分。您可以随时单击“取消”按钮取消上传过程。此外，上传工具还可以借助RESTAPI方便地管理各种文件。例如，您可以通过限制每个加载文件的最大大小、上传文件的数量和可接受的文件扩展名来控制整个上传过程。当然，Vault下载的文件也可以根据最终用户的选择标准进行筛选和排序。Vault组件有两种默认视图模式-列表和网格。其中，网格视图更为实用，通过它可以看到文件的预览并控制其质量。用户可以轻松地在列表模式和网格模式之间切换，同时操作多个文件，并通过拖放重新排序。Vault上传库的优点是具有丰富的自定义功能。所有元素，包括图标、进度条和工具栏控件，都可以轻松修改。您不仅可以为Vault中的所有文本标签提供翻译，以应对非英语语言环境；当然，你也可以使用TypeScript支持来让你的代码更简洁，帮助加快开发过程。文档链接——https://docs.dhtmlx.com/vault/index.html?_ga=2.99425181.2074628262.1568012484-262505264.1568012484，提供了详细的功能指南、API参考以及Angular、React和Vue.js的集成指南。您可以按照其分步教程为客户端创建文件上传功能。它的演示页面可以以程序示例的形式演示DHTMLX库的各种主要功能。您可以先下载其30天试用版，然后根据需要升级到最合适的产品选项。3.SyncfusionSyncfusion上传组件允许用户在服务器端上传各种图像、文档和其他文件。上传库具有与上述工具类似的功能集，包括多文件选择、自动上传和拖放。此外，它还支持分块功能，提供暂停、恢复和重试等选项。虽然它只适用于异步上传，但chunk函数将所选文件分成更小的块，以便AJAX传输到服务器。您可以将上传器与Angular、React、Vue和Blazor等框架集成。使用其模板和按钮属性，您可以完全自定义默认组件的外观。同时，Syncfusion还允许你切换各种按钮的语言、文件的状态、图标的标题、工具提示、拖动区域的文本内容。此外，它可以为RTL语言的用户设置从右到左的渲染。其支持文档分为11个部分，包括入门指南、代码示例、可用函数列表和API参考。它的演示页面提供了如何使用各种默认函数上传文件的示例。您可以通过拖放、自动和顺序方式浏览文件并将文件上传到服务器。4.Dropzone作为一个轻量级的JavaScript库，Dropzone支持多文件同步、上传、拖拽、图片缩略图预览。它主要通过AJAX向服务器上传文件。用户可以简单地替换HTML预览模板，适配自定义CSS，并根据需要创建各种事件监听器来触发Dropzone外观的变化。Dropzone上传工具兼容多种浏览器，包括：Chrome7+、IE10+、Firefox4+、Opera12+和Safari6+。Dropzone作为一款免费工具，主要依靠各家软件开发公司的捐助进行资金支持。每个用户都可以在MIT许可证下分发和使用它。但由于服务器无法自行配置，用户只能上传文件到指定空间。当空间不够时，用户需要在浏览器端调整图片的大小。其附带的文档页面描述了安装和配置过程、共享提示以及主机事件列表。它的演示页面提供了浮动表单的基本示例。5、FineUploader是一个纯JavaScript库，FineUploader支持几乎所有的主流浏览器，可以和任何服务端技术一起使用。当然，它也可以作为jQuery插件使用。该工具有进度条，支持拖放、多文件选择、数据分块、图像文件预览和图像缩放效果。根据用户类型，您可以限制他们上传的文件数量。由于样式和自定义过程独立于JavaScript，您只需编辑HTML和CSS即可修改其布局。FineUploader拥有免费的、社区驱动的MIT许可证。其配套文档页面包括启动教程、详细的功能说明和各种API的参考。同时也提供了如何升级到其5.x版本的信息。它的演示页面向用户展示了如何将默认的简单缩略图模板与FineUploaderUI相结合。但是，用户只能将它们导出为jpeg、jpg、gif和png等扩展格式。总结上面列出的五个广泛使用的JavaScript上传库，可以支持各种文件扩展名，提供方便的拖放功能、手动和自动上传方式、多文件选择和进度条。其中一些工具还提供分段上传，允许图像文件预览，并支持某些框架和浏览器。其中一些可以用于开源软件开发，而另一些则需要付费才能用于商业项目。事实上，市场上还有许多其他此类软件库和工具。但是，目前还没有一款适用于所有的应用场景。因此，您可以试验并选择最适合您的团队和项目的一种。原标题：五个好用的JavaScript上传器要记住，作者：IvanPetrenko
