本文整理了7款基于JavaScript和AJAX的文件上传插件,这些插件基本上都能实现以下功能:
- 多文件上传
- 拖拽操作
- 实时上传进度
- 自定义上传限制
希望能为你的开发工作带来帮助。
1. jQuery File Upload
具有多文件上传、拖拽、进度条和图像预览功能的文件上传插件,支持跨域、分块、暂停恢复和客户端图像缩放。可与任何服务端平台(如PHP、Python、Ruby on Rails、Java、Node.js、Go等)一起使用,支持标准的HTML表单文件上传。
![](http://dl.iteye.com/upload/attachment/0068/1075/4463b670-c38b-3b5c-af44-1b189e528320.jpg)
2. Pixelcone Fileuploader
使用HTML5 API的jQuery文件上传插件,支持AJAX上传和拖拽操作,以及针对老版本浏览器的iframe上传部件。有多种形式来实现多文件上传,每种形式由单一的上传脚本来控制。
![](http://dl.iteye.com/upload/attachment/0068/1077/71b73417-4d96-3030-9a80-f16da8258607.jpg)
3. Ajax Upload
该插件使用XHR来上传多个文件,支持拖拽操作,可以在FF3.6+、Safari4+、Chrome等浏览器中完美运行。
![](http://dl.iteye.com/upload/attachment/0068/1079/a5a84ad6-2863-3cb3-a7e2-39e9d39b6028.jpg)
4. Plupload
这是一个针对CMS或类似系统的、高度可用的上传插件。支持分块、拖拽、图像缩放、限制文件大小、显示上传进度等。
![](http://dl.iteye.com/upload/attachment/0068/1081/f4057f91-6869-3895-b3c8-888b5a5e8ef3.jpg)
5. Uploadify
Uploadify是一个jQuery插件,帮助你在网站中轻松添加多文件上传功能,提供了两个版本(HTML5、Flash)。支持多文件上传、拖拽、实时进度显示,提供了大量的定制功能。
![](http://dl.iteye.com/upload/attachment/0068/1083/a24f98c1-bf4a-3c7d-aa39-8a9a348917df.jpg)
6. Ajax File Upload
该插件是Ajaxupload插件的修改版本,不具备HTML5功能。
![](http://dl.iteye.com/upload/attachment/0068/1085/6526cf2c-ebaf-3207-893b-dbbd7a1ee27b.jpg)
7. jQuery FileDrop
该插件使用HTML5 API,允许用户从桌面拖动多个文件到浏览器中,并上传每个文件到用户指定的URL。该插件使用HTML5 FileReader()来读取文件数据。
英文原文:7 Javascript Ajax File Upload Plugins