<!-- 數據和文件一次性提交 --> <form class="form_meren" id="mainForm" name="mainForm" action="${ctx}/shahescenicinfo/insertShaheScenicinfo.do" method="post" enctype="multipart/form-data"> <input class="form-control " id="aname" name="aname" type="text"> <input type="file" id="otherfiles">
<input type="file" id="otherfiles2">
<button type="button" onclick="sbutripform()" >保存</button> </form>
//驗證結束后執行保存 function sbutripform(){ //form的id就是mainForm var mainstr=formToJsonObject(mainForm); //from表單對象 轉json mainstr=JsonToStr(mainstr); mainstr=mainstr.replace("%", "%25"); var manstr = mainstr.toString(); var formData = new FormData(); formData.append("file1",document.getElementById("otherfiles").files[0]); formData.append("file2",document.getElementById("otherfiles2").files[0]); formData.append("jsonStr",manstr); $.ajax({ url:url, type:'POST', dataType:'json', data:formData, cache: false,//上傳文件無需緩存 processData: false,//用於對data參數進行序列化處理 這里必須false contentType: false, //必須 success:function(xclyid){ window.top.customAlertTip("", "保存成功", "warning"); }, error:function (error){ window.top.customAlertTip("", "保存失敗", "warning"); } }); }
@RequestMapping(value="/updateallareainfo.do", method={RequestMethod.GET,RequestMethod.POST}) @ResponseBody public String updateallareainfo(HttpServletRequest request, @RequestParam(value="file1",required=false)MultipartFile file1, @RequestParam(value="file2",required=false)MultipartFile file2, String jsonStr) { //把數據從json 轉換為 實體類 YbsjAreaInfo ybsjAreaInfo = JSON.parseObject(jsonStr,YbsjAreaInfo.class); try { log.info("當前訪問的action方法:updateallareainfo") ; // uploads 文件夾位置 String rootPath = request.getSession().getServletContext().getRealPath(PropertyManager.getProperty("voiceupload")); // uploads 文件夾2位置 String imgPath = request.getSession().getServletContext().getRealPath(PropertyManager.getProperty("filesavepath // 原始名稱 String newFileName1 = ""; String newFileName2 = ""; if (file1!=null) { String originalFileName1 = file1.getOriginalFilename();//舊的文件名(用戶上傳的文件名稱) //新的文件名 newFileName1 = UUIDUtil.getuuid() + originalFileName1.substring(originalFileName1.lastIndexOf(".")); File newFile = new File(rootPath + File.separator + newFileName1); // 判斷目標文件所在目錄是否存在 if( !newFile.getParentFile().exists()) { // 如果目標文件所在的目錄不存在,則創建父目錄 newFile.getParentFile().mkdirs(); } //存入 file1.transferTo(newFile); ybsjAreaInfo.setMapUrl("/"+filesavepath+newFileName1); } if (file2!=null) { String originalFileName2 = file2.getOriginalFilename(); newFileName2 = UUIDUtil.getuuid() + originalFileName2.substring(originalFileName2.lastIndexOf(".")); File newFile2 = new File(imgPath + File.separator + newFileName2); if( !newFile2.getParentFile().exists()) { // 如果目標文件所在的目錄不存在,則創建父目錄 newFile2.getParentFile().mkdirs(); } file2.transferTo(newFile2); ybsjAreaInfo.setAlogo("/"+filesavepath+newFileName2); } } catch (IllegalStateException | IOException e) { e.printStackTrace(); } int updateallareainfo = ybsjAreaInfoService.updateallareainfo(ybsjAreaInfo); String shaheScenicinfoid="{\"id\":\""+updateallareainfo+"\"}"; return shaheScenicinfoid; }
以上是 單個文件 接收的方法
如果用到一個Input 上傳多個文件
后台用
@RequestParam("files") MultipartFile[] files
接收就好了