使用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中文網其他相關文章!