如何使用 jQuery 透過 AJAX 處理檔案上傳？

使用jQuery 序列化進行檔案上傳

使用jQuery 上傳檔案時，傳統的序列化方法可能無法正確處理類型為" 的輸入欄位檔案」。為了解決這個問題，我們可以利用 FormData 物件。

FormData 與所有類型的表單元素（包括檔案輸入）無縫運作。它將所有表單資料（包括文件內容）封裝到單一物件中。實作方法如下：

$(document).on("submit", "form", function (event) {
  event.preventDefault();
  $.ajax({
    url: $(this).attr("action"),
    type: $(this).attr("method"),
    dataType: "JSON",
    data: new FormData(this),
    processData: false,
    contentType: false,
    success: function (data, status) {
      // Handle successful response
    },
    error: function (xhr, desc, err) {
      // Handle error
    },
  });
});

此程式碼可讓您使用 AJAX 提交表單數據，包括檔案上傳。 FormData 物件負責序列化檔案內容以便正確傳輸。

以上是如何使用 jQuery 透過 AJAX 處理檔案上傳？的詳細內容。更多資訊請關注PHP中文網其他相關文章！