文件上传是我们在开发网站程序时经常遇到的功能。选择一个功能强大且简单的上传插件可以为我们节省大量的开发时间。这里有五个很好的javascript文件上传插件给大家。

本文的资源都来自https://dcrazed.com/html5-jquery-file-upload-scripts/.我选择了一些我觉得更有用的资源。

Mini AJAX File Upload Form

插件有很好的用户界面和体验，但是它依赖于下面描述的jQuery文件上传插件。

特征

支持多文件上传

支持一次选择多个文件上传

你可以上传任何文件

拖放支持

没有闪光灯

紧凑的上传形式适用于移动设备

简洁的进度条

可以随时取消

有文件

自由的

演示下载

Dropzone JS

是一个轻量级的文件上传插件，使用非常简单，支持jquery，但不依赖jquery，文档齐全，强烈推荐。

特征

响应性设计

支持多文件上传

支持所有文件格式

上传图片进行预览

顶级用户界面设计

取消和删除文件的选项

拖放支持

支持一次选择多个文件上传

自由的

演示下载

不用说，

jQuery File Upload Demo

可能是最热门的文件上传插件。功能齐全，实现了文件上传的后端代码。但是我感觉文档很乱，默认的UI也不是很好看。如果我选择，我会选择上面的Dropzone JS。

特征

拖放支持

Html进度条

支持多文件上传

可恢复的文件上传

文件验证和大小信息

取消上传

删除上传的文件

上传无法显示警报提示。

响应性设计

红宝石支架

支持php

自由的

演示下载

Fine Uploader

，一个给你流畅体验，功能齐全，手感不错，支持所有浏览器，纯Javascript，不依赖其他项目，免费的文件上传插件。

演示下载

HTML5 File Uploads with jQuery

新HTML5 API实现的拖放上传插件UI设计不错，只支持上传图片和预览上传图片。只支持Chrome和Firefox，所以这个库的学习意义可能大于实际使用。

演示下载

这五个好用的JS上传插件一般都不错。当然，国内也有很多优秀的JS上传插件。以后我们会为大家分享国内优秀的JS上传插件