jquery fileupload控件的用法

阅读: 评论:0

2024年1月25日发(作者:)

jquery fileupload控件的用法

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`表单文件上传。

jquery fileupload控件的用法

本文发布于:2024-01-25 22:52:28,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/1706194348426.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:上传   文件   按钮   请求   显示   功能
留言与评论(共有 0 条评论)
   
验证码:
排行榜

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23