Chinaunix首页 | 论坛 | 博客
  • 博客访问: 190424
  • 博文数量: 62
  • 博客积分: 1477
  • 博客等级: 上尉
  • 技术积分: 475
  • 用 户 组: 普通用户
  • 注册时间: 2012-07-11 14:28
文章分类

全部博文(62)

文章存档

2012年(62)

我的朋友

分类: 系统运维

2012-07-18 14:02:52

本文整理了7款基于JavaScript和AJAX的文件上传插件,这些插件基本上都能实现以下功能:

  • 多文件上传
  • 拖拽操作
  • 实时上传进度
  • 自定义上传限制
      希望能为你的开发工作带来帮助。



      具有多文件上传、拖拽、进度条和图像预览功能的文件上传插件,支持跨域、分块、暂停恢复和客户端图像缩放。可与任何服务端平台(如PHP、 Python、Ruby on Rails、Java、Node.js、Go等)一起使用,支持标准的HTML表单文件上传。

4463b670-c38b-3b5c-af44-1b189e528320.jpg




      使用HTML5 API的jQuery文件上传插件,支持AJAX上传和拖拽操作,以及针对老版本浏览器的iframe上传部件。有多种形式来实现多文件上传,每种形式由单一的上传脚本来控制。

71b73417-4d96-3030-9a80-f16da8258607.jpg




      该插件使用XHR来上传多个文件,支持拖拽操作,可以在FF3.6+、Safari4+、Chrome等浏览器中完美运行。

a5a84ad6-2863-3cb3-a7e2-39e9d39b6028.jpg




      这是一个针对CMS或类似系统的、高度可用的上传插件。支持分块、拖拽、图像缩放、限制文件大小、显示上传进度等。

f4057f91-6869-3895-b3c8-888b5a5e8ef3.jpg




      Uploadify是一个jQuery插件,帮助你在网站中轻松添加多文件上传功能,提供了两个版本(HTML5、Flash)。支持多文件上传、拖拽、实时进度显示,提供了大量的定制功能。

a24f98c1-bf4a-3c7d-aa39-8a9a348917df.jpg




      该插件是Ajaxupload插件的修改版本,不具备HTML5功能。

6526cf2c-ebaf-3207-893b-dbbd7a1ee27b.jpg




      该插件使用HTML5 API,允许用户从桌面拖动多个文件到浏览器中,并上传每个文件到用户指定的URL。该插件使用HTML5 FileReader()来读取文件数据。


转载自:
英文原文:

阅读(1463) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~