SpringMVC MultipartFile 实现异步 上传多个文件

目的是异步上传多个文件

添加pom依赖

<dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.3.1</version>
        </dependency>
 
        <dependency>
            <groupId>commons-logging</groupId>
            <artifactId>commons-logging</artifactId>
            <version>1.2</version>
        </dependency>
 
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.1.37</version>
        </dependency>

applicationContext.xml

spring.servlet.multipart.max-file-size=200MB
spring.servlet.multipart.max-request-size=200MB

Controller

/***上传征信图片**/
	@RequestMapping("/uploadUserZxtpImg")
	public @ResponseBody boolean uploadUserZxtpImg(HttpServletRequest request,UserBean userBean) throws Exception{
		boolean bool = sysService.uploadUserZxtpImg(request,userBean);
		return true;
	}

Service

/***上传征信照片**/
	public boolean uploadUserZxtpImg(HttpServletRequest request,UserBean userBean)throws Exception{
		String imgs="";
		for(MultipartFile multipartFile:userBean.getZxFile()){
			imgs+= UserImgFile.readUserImg(multipartFile, IdUtils.getInstanse().getUID(),request)+",";
		}
		if(imgs.length()>0){
			imgs.substring(0,imgs.length()-1);
		}
		userBean.setZxtp(imgs);
		return sysDao.uploadUserZxtpImg(userBean);

	}

 

html

<!-- 上传多张照片 -->
   <div class="tip" id="userGsUploadZxtpImgsTable"  style="left:5%;width: 30%;height:250px">
	   <div class="tiptop"><span>批量上传图片</span><a></a></div>
	   <div style="width: 100%;">
		   <div  style="padding-left:10px;padding-top:10px;padding-right: 10px;" >
			   <form id="userGsUploadZxtpImgsFrm" name="userGsUploadZxtpImgsFrm" method="post"    enctype="multipart/form-data">
				   <input type="hidden" id="userGsUploadZxtpImgsid" name="id"/>
				   <input type="hidden" id="userGsUploadZxtpImgsbz" name="bz"/>
				   <table width="100%" class="tab2">
					   <tr>
						   <th>所属：</th><td id="uploadsthe"></td>
						   <th>姓名：</th><td id="uploadsxm"></td>

					   </tr>
					   <tr>
						   <th>联系电话：</th><td id="uploadssj"></td>
					   </tr>
					   <tr>
						   <th  class="red" id="uploadstdname">征信扫描件：</th>
						   <td>
							   <input type="file"   id="uploadsimgFile" name="zxFile"  style = "width:150px ;" multiple></input>
						   </td>
					   </tr>


				   </table>
			   </form>
		   </div>
		   <div class="tipbtn">
			   <input name="" type="button"  class="sure" id="uploadsSure" value="上传" />&nbsp;
			   <input name="" type="button"  class="cancel" id="uploadsCancel" value="取消" />
		   </div>
	   </div>
   </div>

 

javascript

$.messager.confirm('系统提示', '您确定上传?', function(r) {
				if (r) {
					var _url=path+"/sysaction/uploadUserZxtpImg";
					$("#userGsUploadZxtpImgsFrm")
						.ajaxSubmit(
							{
								type : 'post',
								url : _url,
								contentType : "application/x-www-form-urlencoded; charset=utf-8",
								success: function(data) {
									if(data){
										$.messager.alert("系统提示", "添加成功","info");
										queryForm();
										$("#userGsUploadZxtpImgsTable").fadeOut(100);$("#bg").hide();
									}
								},
								error: function (data)//服务器响应失败处理函数
								{
									alert("出错");
								}
							});

				}
			});

实现效果