使用Jquery中ajax實現上傳文件


html:

  <input type="file" name="uploadFile" id="uploadFile">

jq:

$("#uploadFile").on("change", function() {

  var formData = new FormData();                      // 創建一個form類型的數據

  formData.append('file','$("#uploadFile")[0].files);     // 獲取上傳文件的數據

  $.ajax({

    "url": "",

    "type": "",

    "processData": false, // 將數據轉換成對象,不對數據做處理,故 processData: false 

    "contentType": false,    // 不設置數據類型

    ”xhrFields": {                // 這樣在請求的時候會自動將瀏覽器中的cookie發送給后台

      withCredentials: true

    },

    "data": formData,

    success: function(data) {

      console.log(data)

    },

    error: function(data) {

    }

  })

})

 


免責聲明!

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



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