jquery 文件上传乱码（讲解jquery上传文件进度条）

jquery file upload是一个开源（mit协议）的文件上传插件。支持文件上传、多文件选择窗口、拖拽上传，提供进度条、验证和预览图像、音频、视频的功能。支持跨域、分块和可暂停的文件上传及客户端图像调整。适用于任何服务器端平台（php、python、ruby on rails、java、node.js、go etc等），支持标准的html表单文件上传。

1、下载及初始化

https://github.com/blueimp/jquery-file-upload

下载插件解压放到项目任意位置，在页面中引入文件上传依赖jquery、jquery ui widget factory（如果已引入jquery ui则不用引入）、jquery iframe transport plugin（支持xhr文件上传的插件），除此之外还有可选插件，如bootstrap、javascript load image library等。

然后在body中创建一个文件类型的input元素，设置id、name、data-url属性。

最后写入如下代码，运行脚本，一个最简单的文件上传就完成了。

2、产品特点

• 多文件上传

可以同时选择多个文件并上传。

• 支持拖拽

允许拖拽上传文件，从你的桌面拖拽或文件管理，把他们拖到你的浏览器窗口。

• 可撤销上传

可以取消停止上传单个文件上传。

• 可恢复上传

可以恢复单个文件上传。

• 分块上传

大文件支持分成多个小块上传。

• 客户端图像调整

图片在客户端可以自动调整大小。

• 预览图像、音频和视频

支持图像、音频和视频文件预览。

• 不需要浏览器插件(例如adobe flash)

jquery file upload是基于开放标准的html5和javascript实现的，不需要任何浏览器插件。

• html表单文件上传

允许通过使用一个标准的html文件上传表单部件元素。

• 跨域文件上传

支持上传文件到另一个域和跨站点。

• 可定制和扩展

提供了一个api来设置各个选项，为各种上传事件定义回调方法。

• 兼容任何服务器端应用程序平台

适用于任何服务器端平台（php、python、ruby on rails、java、node.js、go etc）

桌面浏览器兼容：

• google chrome
• apple safari 4.0+
• mozilla firefox 3.0+
• opera 11.0+
• microsoft internet explorer 6.0+

移动端浏览器兼容：

• apple safari on ios 6.0+
• google chrome on ios 6.0+
• google chrome on android 4.0+
• default browser on android 2.3+
• opera mobile 12.0+