jQuery File Upload文件上传插件使用详解

　jQuery File Upload 是一个Jquery文件上传组件，支持多文件上传、取消、删除，上传前缩略图预览、列表显示图片大小，支持上传进度条显示；支持各种动态语言开发的服务器端。

官网链接：

　　特点：拖放支持；上传进度条；图像预览；可定制和可扩展的；兼容任何服务器端应用平台（PHP,Python,Ruby on Rails,Java,Node.js,Go etc.）。

使用方法：

1. 需要加载的js文件：

jquey-1.8.3.min.js

jquery-ui-widget.js

jquery.iframe-transport.js

jquery.fileupload.js

2. HTML代码：

3. js代码：

').text(file.name).appendTo(document.body); }); } }); });

3.1 显示 上传进度条：

3.2 需要一个
容器用来显示进：

4. API

4.1 Initialization：

4.2 Options :

2.Type: 文件上传HTTP请求方式，可以选择“POST”，“PUT”或者"PATCH",

4. autoUpload:默认情况下，只要用户点击了开始按钮被添加至组件的文件会立即上传。将autoUpload值设为true可以自动上传。

使用方法一：函数属性

使用方法二：绑定事件监听函数

2. processalways: 当一个单独的文件处理队列结束（完成或失败时）触发

4. fail : 上传请求失败时触发的回调函数，如果服务器返回一个带有error属性的json响应这个函数将不会被触发。

5. done : 上传请求成功时触发的回调函数，如果服务器返回一个带有error属性的json响应这个函数也会被触发。

6. always : 上传请求结束时（成功，错误或者中止）都会被触发。

以上所述是小编给大家介绍的jQuery File Upload文件上传插件使用详解。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

jQuery File Upload文件上传插件使用详解

使用方法：

1. 需要加载的js文件：

2. HTML代码：

3. js代码：

3.1 显示 上传进度条：

3.2 需要一个
容器用来显示进：

4. API

4.1 Initialization：

4.2 Options :

使用方法一：函数 属性

使用方法二：绑定事件监听函数

猜你在找的jQuery相关文章

jQuery File Upload文件上传插件使用详解

使用方法：

1. 需要加载的js文件：

2. HTML代码：

3. js代码：

3.1 显示上传进度条：

3.2 需要一个容器用来显示进：

4. API

4.1 Initialization：

4.2 Options :

使用方法一：函数属性

使用方法二：绑定事件监听函数

猜你在找的jQuery相关文章

3.2 需要一个
容器用来显示进：