2024年1月25日发(作者:)
jquery fileupload控件的用法
`jQuery File Upload`是一个基于`jQuery`的文件上传插件,用于实现文件的异步上传功能。其用法如下:
1. 需要加载的`js`文件:``、``、``、``。
2. `html`代码:
```html
multiple>
```
3. `js`代码:
```javascript
$(function () {
$("#fileupload").fileupload({
dataType: 'json',
done: function (e, data) {
$.each(, function (index, file) {
$("
").text().appendTo();})
},
progressall: function (e, data) {
var progress = parseInt( / * 100, 10);
$("#progress .bar").css("width", progress + "%");
},
// 需要一个
});
})
```
4. `API`:
- `Initialization`:在上传按钮上调用`fileupload()`方法。示例:`$('
#fileupload' ).fileupload();`。
- `Options`:
- `url`:请求发送的目标`url`。类型:`string`。示例:`/path/to/upload/`。
- `type`:文件上传`HTTP`请求方式,可以选择`“POST”`、`“PUT”`或者`“PATCH”`,默认`“POST”`。类型:`string`。示例:`'PUT'`。
- `dataType`:希望从服务器返回的数据类型,默认`“json”`。类型:`string`。示例:`'json'`。
- `autoUpload`:默认情况下,只要用户点击了开始按钮被添加至组件的文件会立即上传。将`autoUpload`值设为`true`可以自动上传。类型:`boolean`。默认:`true`。
- `acceptFileTypes`:允许上传的文件类型。示例:`/(.|)(gif|jpe?g|png|xlsx)$/i`。
- `maxFileSize`:最大上传文件大小。示例:`999000`(999KB)。单位:`B`。
- `minFileSize`:最小上传文件大小。示例:`100000`(100KB)。单位:`B`。
此外,`jQuery File Upload`还提供了显示上传进度条、验证和预览图像、音频、视频的功能,适用于任何服务器端平台(`PHP`、`Python`、`Ruby on Rails`、`Java`、``、`Go`等),支持标准的`HTML`表单文件上传。
本文发布于:2024-01-25 22:52:28,感谢您对本站的认可!
本文链接:https://www.4u4v.net/it/1706194348426.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
留言与评论(共有 0 条评论) |