Ajax上傳File對象到服務器


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM