文件上传插件选用

[silent-tan]

jQuery File Upload

特性：

• 支持多文件上传，拖拽文件上传，进度条，预览图片、视频和音频。
• 支持跨域上传，分块上传和可恢复的文件上传和客户端图像调整。可以在支持标准HTML表单文件上传的所有服务端平台工作，包括PHP, Python, Ruby on Rails, Java, Node.js, Go等等.

  强制需求(92KB)：

• jQuery v. 1.6+
• jQuery UI widget factory v. 1.9+ (包括)
• jQuery Iframe Transport plugin (包括)

The jQuery UI widget factory的存在是出于本插件最基本的需要，但是它非常轻量级，并不依赖于 jQuery UI套件。 The jQuery Iframe Transport的存在是出于那些不支持XHR方式上传文件的浏览器的需要。

可选需求：

• JavaScript Templates engine v. 2.5.3+
• JavaScript Load Image library v. 1.11.0+
• JavaScript Canvas to Blob polyfill v. 2.1.0+
• blueimp Gallery v. 2.12.0+
• Bootstrap CSS framework v. 3.0.0+
• Glyphicons

The JavaScript Templates engine是为了呈现Basic Plus UI版本和jQuery UI版本的被选择和上传的文件样式。 The JavaScript Load Image library 和 JavaScript Canvas to Blob polyfill 的存在是出于实现图像预览和调整功能的需要。 The blueimp Gallery 用来显示在lightbox已上传的图片 所有版本的用户界面除了jQuery UI的版本是建立在Twitter的Bootstrap CSS framework和Glyphicons 的基础上。

跨域需求：

Cross-domain File Uploads使用Iframe Transport plugin需要一个重定向到源服务器获取上传结果。示例中利用result.html作为源服务器的静态重定向页面。 仓库里还有 jQuery XDomainRequest Transport插件，该插件可以去掉Microsoft Internet Explorer 8 and 9 的跨域 AJAX请求限制 (IE 10支持跨域 XHR 请求)。 XDomainRequest对象仅允许GET和POST请求,不支持文件上传。它是用于Demo删除上传的文件从跨域演示文件上传服务。

浏览器兼容：

• Google Chrome
• Apple Safari 4.0+
• Mozilla Firefox 3.0+
• Opera 11.0+
• Microsoft Internet Explorer 6.0+

  缺点：

• 好难扩展啊

  使用方法：

• 参考官方网站
• jQuery插件库
• jQ酷
• jQuery File Upload UI

  Web Uploader

bug比较多，更新速度快。 优点是文档比较清晰，使用比较方便。

其他类似插件

参考 22个很棒的jQuery文件上传插件

[silent-tan]

1. 经过再次了解发现，如果扩展jQuery File Upload的话，按照官方的方法扩展，文件好大，并且需要套入JavaScript模板语言，保守测量其大小约为360KB左右。
2. 因此，再去研究下flash+js实现这个功能需要付出的代价。