1、input文件上传设置允许选择多个文件,设置属性 multiple即可
<input type="file" multiple="multiple" name="file" />
2、通过 FormData 一次性上传文件
var formData = new FormData();
$("input[type='file']").each(function (index,item) {
for (var i = 0; i < $("input[type='file']")[index].files.length; i++) {
formData.append("file", $("input[type='file']")[index].files[i]);
}
})
3、提交参数,这里通过ajax提交
$.ajax({
url: "@Url.Action("RUpload", "UploadTest")",
type: 'POST',
data: formData,
// 告诉jQuery不要去处理发送的数据
processData: false,
// 告诉jQuery不要去设置Content-Type请求头
contentType: false,
beforeSend: function () {
console.log("正在进行,请稍候");
},
success: function (responseStr) {
if (responseStr.msg) {
//console.log("成功" + responseStr);
AddImg(responseStr);
GetPictures();
} else {
//console.log("失败");
}
},
error: function (responseStr) {
console.log("error");
}
});
4、mvc接收上传的文件
var file = Request.Files;获取所有的文件
岁月无情催人老,请珍爱生命,远离代码!!!