ajax Fileupload多文件上传实现

在实现Ajax多文件上传的案例中，我们可以使用jQuery和AjaxFileUpload.js库。以下是一个简单的示例：

HTML部分：

html

上传
JavaScript部分：

javascript
$(document).ready(function() {
$("#upload").click(function() {
var files = $('#file1').prop('files'); //获取选择的文件
var formData = new FormData(); //创建FormData对象
$.each(files, function(key, file) { //遍历文件列表，对每个文件进行处理
formData.append('file' + key, file); //将文件添加到formData对象中
});
$.ajax({
url: 'upload.php', //上传文件的处理地址
type: 'POST', //使用POST方法进行上传
processData: false, //禁掉jQuery的自动处理FormData对象，因为FormData对象在jQuery中默认会被转换为字符串，会导致上传失败
contentType: false, //禁掉jQuery的自动设置contentType，因为FormData对象在发送前jQuery会将其设置为字符串，会导致上传失败
data: formData, //将formData对象作为请求的数据发送出去
success: function(response) { //请求成功后的回调函数，response为服务器的响应内容
console.log(response); //输出服务器的响应内容到控制台，这里可以根据实际情况修改回调函数的内容
},
error: function(xhr, status, error) { //请求失败后的回调函数，这里可以根据实际情况修改回调函数的内容
console.log(xhr, status, error); //输出错误信息到控制台，这里可以根据实际情况修改回调函数的内容
}
});
});
});
在上述代码中，我们首先获取用户选择的文件列表，然后创建一个FormData对象，并将每个文件添加到该对象中。然后我们使用Ajax发送POST请求到upload.php（这应该根据你的服务器端处理程序进行修改），并将FormData对象作为请求的数据发送出去。在请求成功或失败后，我们定义了回调函数来处理服务器的响应或错误。