用$.ajaxFileUpload 如何实现多个文件上传
时间: 2024-05-09 07:21:33 浏览: 9
可以通过循环遍历多个文件,并在每次上传文件时使用$.ajaxFileUpload来实现多个文件的上传。具体实现代码如下:
```
var files = $('#fileInput').get(0).files;
for (var i = 0; i < files.length; i++) {
$.ajaxFileUpload({
url: 'upload.php',
secureuri: false,
fileElementId: 'fileInput',
dataType: 'json',
data: {name: files[i].name},
success: function (data, status) {
// 上传成功后的处理逻辑
},
error: function (data, status, e) {
// 上传失败后的处理逻辑
}
});
}
```
其中,`files`表示前端获取到的多个文件,`upload.php`表示后台处理文件上传的接口,`name`表示上传文件时携带的参数。在每次上传文件时,需要将当前文件的`fileElementId`设置为`fileInput`,同时在上传成功和失败的回调函数中,可以对上传结果进行相应的处理。
相关问题
请用$.ajaxFileUpload 实现多个文件上传
好的,以下是使用$.ajaxFileUpload实现多个文件上传的代码:
HTML:
```
<input type="file" name="file" multiple>
```
JavaScript:
```
$('input[type="file"]').change(function(){
var files = $('input[type="file"]')[0].files;
var formData = new FormData();
for(var i = 0; i < files.length; i++){
formData.append('file[]', files[i]);
}
$.ajax({
url: 'upload.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response){
console.log(response);
}
});
});
```
注意:这是一个示例代码,需要根据实际情况进行调整。
用$.ajaxFileUpload 实现多个文件上传
可以使用以下代码实现多个文件上传:
```
$.ajaxFileUpload({
url: 'upload.php', //上传的接口地址
secureuri: false,
fileElementId: 'fileToUpload', //文件选择框的ID属性
dataType: 'json',
data: { //其他参数
'name': 'test'
},
success: function (data, status) {
//上传成功后的回调函数
},
error: function (data, status, e) {
//上传失败后的回调函数
}
});
```