jquery多文件上传
时间: 2023-10-25 15:12:36 浏览: 33
在 jQuery 中实现多文件上传可以使用第三方插件,比如 jQuery-File-Upload 或者 Dropzone.js。
下面是一个使用 jQuery-File-Upload 实现多文件上传的示例:
HTML 代码:
```html
<form id="fileupload" action="/server/upload.php" method="POST" enctype="multipart/form-data">
<input type="file" name="files[]" multiple>
<button type="submit">上传</button>
</form>
```
JavaScript 代码:
```javascript
$(function () {
$('#fileupload').fileupload({
dataType: 'json',
done: function (e, data) {
// 上传完成后的处理
console.log(data.result);
},
progressall: function (e, data) {
// 上传进度的处理
var progress = parseInt(data.loaded / data.total * 100, 10);
console.log(progress + '%');
}
});
});
```
在上面的示例中,我们使用了 jQuery-File-Upload 插件来实现多文件上传。通过 `dataType` 参数指定上传文件的数据类型,`done` 和 `progressall` 分别处理上传完成和上传进度的处理。
其中,`done` 回调函数的 `data.result` 可以获取到上传文件的信息,包括文件名、文件大小、文件类型等信息。`progressall` 回调函数可以获取到上传进度的百分比,可以用来显示上传进度条。