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()); } }
