我可以使用 jQuery AJAX 上傳檔案嗎？

我可以使用 jQuery Ajax 透過 POST 上傳檔案嗎？

使用提供的 jQuery 程式碼無法透過 AJAX 上傳檔案。如回覆所示，您無法直接透過 AJAX 上傳文件。

但是，隨著 XHR2 的出現，使用 FormData 物件透過 AJAX 上傳檔案已成為可能。為此，您需要使用支援FormData 的瀏覽器，例如：

• IE 10
• Firefox 4.0
• Chrome 7
• Safari 5
• Opera 12

以下是如何修改程式碼以使用FormData 進行檔案上傳：

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

$.ajax({
    type: "POST",
    timeout: 50000,
    url: url,
    data: formData, // Use formData instead of dataString
    processData: false, // Prevents jQuery from converting formData to a string
    contentType: false, // Tells jQuery not to set any content type header
    success: function (data) {
        alert('success');
        return false;
    }
});

在此修改後的程式碼中，我們建立一個FormData 對象，將檔案附加到它，然後將processData 和contentType 設定為false 以允許jQuery 正確處理資料。

以上是我可以使用 jQuery AJAX 上傳檔案嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！