首頁 >web前端 >js教程 >如何在沒有外掛程式的情況下執行 jQuery Ajax 檔案上傳?

如何在沒有外掛程式的情況下執行 jQuery Ajax 檔案上傳?

Linda Hamilton
Linda Hamilton原創
2024-12-24 17:05:17505瀏覽

How to Perform jQuery Ajax File Uploads Without Plugins?

不使用外掛程式的 jQuery Ajax 檔案上傳

使用 jQuery 的 AJAX 進行檔案上傳需要使用現代瀏覽器支援的 XHR2。如果你想在不使用外掛程式的情況下使用 AJAX 執行檔上傳,則需要使用 FormData 物件。

程式碼:

 var formData = new FormData();
 formData.append("file", file); // Replace "file" with your file input element's name

$.ajax({
    type: "POST",
    timeout: 50000,
    url: url,
    data: formData,
    contentType: false,
    processData: false, // Don't process the form data, leave it as pure binary data
    success: function (data) {
        alert('success');
        return false;
    }
});

註解:

  • Form
  • contentType 和 processData 選項設定為 false 以防止 jQuery 在 AJAX 請求中自動轉換資料。
  • 您必須包含使用檔案輸入元素的 name 屬性在 formData 物件中輸入檔案名稱。
  • 並非所有瀏覽器都支援 AJAX 檔案上傳。檢查瀏覽器相容性。

以上是如何在沒有外掛程式的情況下執行 jQuery Ajax 檔案上傳?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn