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

JQuery文件上传是一个开源(MIT协议)文件上传插件。支持文件上传、多文件选择窗口、拖拽上传，并提供进度条、图片、音频、视频的验证和预览功能。支持跨域、阻止和暂停文件上

JQuery文件上传是一个开源(MIT协议)文件上传插件。支持文件上传、多文件选择窗口、拖拽上传，并提供进度条、图片、音频、视频的验证和预览功能。支持跨域、阻止和暂停文件上传和客户端镜像调整。它适用于任何服务器端平台(PHP、Python、Ruby on Rails、Java、Node.js、Go等)。)并支持标准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等。

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

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

2、产品特点2.产品特性

多文件上传

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

支持拖拽

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

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

可恢复上传

您可以恢复单个文件上传。

分块上传

大文件可以小块上传。

客户端图像调整

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

预览图像、音频和视频

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

不需要浏览器插件(如Adobe Flash)jQuery文件上传基于开放标准HTML5和JavaScript实现，不需要任何浏览器插件。

HTML表单文件上传

允许使用标准HTML文件上载表单部件元素。

跨域文件上传

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

可定制和扩展

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

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

适用于任何服务器端平台(PHP、Python、Ruby on Rails、Java、Node.js、Go等)

桌面浏览器兼容性:

Google ChromeApple 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+