HTML代碼:
<input type="file" name="uploadFile" id="uploadFile">
JavaScript:
$("#uploadFile").on("change", function() { var formData = new FormData(); // 創建一個form類型的數據 formData.append('file','$("#uploadFile")[0].files); // 獲取上傳文件的數據 $.ajax({ url: "/API/Face/SubmitFile", type: "POST", processData: false, // 將數據轉換成對象,不對數據做處理,故 processData: false contentType: false, // 不設置數據類型 xhrFields: { // 這樣在請求的時候會自動將瀏覽器中的cookie發送給后台 withCredentials: true }, data: formData, success: function(data) { console.log(data) }, error: function(data) { } }) })
java代碼
@RequestMapping(value ="/SubmitFile",method = RequestMethod.POST) public JsonResult SubmitFile(HttpServletRequest request, HttpServletResponse response) { try { String faceuid=UUID.randomUUID().toString(); MultipartHttpServletRequest filerequest=(MultipartHttpServletRequest)request; MultipartFile file=filerequest.getFile("file");
//保存file並返回路徑 String localfilepath = FileHelper.SaveMultipartFile(file, WebConfig.getUploaddir(), "face", faceuid + ".jpg"); return Json.getJsonResult(true,localfilepath); }catch(Exception ex) { return Json.getJsonResult(ex.getMessage()); } }