ajax上傳檔案到後端
阿新 • • 發佈:2019-01-06
JSP程式碼:
<input type="file" style="display: none" id="file" name="file" onchange="upload(this);">
JS程式碼:
window.upload = function(el){ $mask = $.createMask(); //遮罩 $.ajaxFileUpload({ url: $.getProjectName() + "/base/uploadFile.html", type:'post', secureuri:false, fileElementId:'file',//file標籤的id dataType: 'JSON',//返回資料的型別 data:{"key":value},//一同上傳的資料 success: function (data, status) { }, error: function (data) { } }); $('#file').val(''); }
spring檔案配置:
<!-- 支援上傳檔案 -->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver" />
Controller:
RequestMapping(value = "/uploadFile", method = RequestMethod.POST) @ResponseBody public Object uploadElePaperFile( @RequestParam MultipartFile file, HttpServletRequest request,HttpServletResponse response) throws Exception {}
這裡要注意的是jsp頁面input標籤的name要和Controller中MultipartFile 名稱都要一樣,這裡都是命名為file
獲取到上傳的檔案就可以操作啦