這個工程是在內網環境進行開發，u口也被封住了，所以不能把代碼拷貝出來，於是把業務部分進行脫敏處理，核心代碼手寫一遍如下：
一、html關鍵代碼
<form id = "createForm" method="post" enctype="multipart/form-data"> <div class="form-group"><div class="col-xs-3">活動名稱</div><div class="col-xs-7><input type="text" class="activity" id="activityName" palcegolder="請輸入" /></div></div> <div class="form-group"><div class="col-xs-3">文件上傳</div><div class="col-xs-7><input type="file" class="activity" id="files" name="files" multiple="multiple"/></div></div> </form> <button id="activity" class="btn" type="button">確定</button>
二、js代碼
$('#activity').click(function(event)){ var fd = new FormData();//如果使用var data = $('#createForm').serialize();它無法提交文件提交 for(var i = 0;i<$("#files")[0].files.length;i++){ fd.append("files",$("#files")[0].files[i]); } fd.append("activityName",$("#activityName").val()); //因為要符合項目整體風格，所以這里采用udesk。正常使用ajax就可以 udesk.ajax({ url:"", method:"post", contentType:false, processData:false, async:false, data: fd }).done(function(res,textStatus,jqXHR){ document.getElementById("createForm").reset(); $("#createForm").modal('hide'); } }
三、Controller代碼
@ResponseBody @RequestMapping(value="/insertActivity",method=RequestMethod.POST) public void insertActivity(HttpServletRequest request,@RequestParam(value = "activityName",required = false) String activityName){ CommonsMultipartResolver commonsMultipartResolver = new CommonsMultipartResolver(request.getSession().getServletContext()); if(commonsMultipartResolver.isMultipart(request)){ MultipartHttpServletRequest multipartHttpServletRequest = (MultipartHttpServletRequest)request; List<MultipartFile> list = multipartHttpServletRequest.getFiles("files"); for(MultipartFile multipartFile:list){ String fileName = multipartFile.getOriginalFilename();//文件真名 String substring = fileName.substring(fileName.lastIndexOf("."));//后綴 SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd"); String time = dateFormat.format(new Date()); String upName = UUID.randomUUID().toString()+substring;//修改后的 String path = uploadLocation+time+"\\"+upName; File file = new File(uploadLocation+time); if(!file.exists()){ file.mkdirs(); } try{ multipartFile.transferTo(new File(file,name)); } catch (IOException E){ E.printStackTrace(); } } } }