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;获取所有的文件