如何正確使用FormData透過jQuery進行AJAX檔案上傳？

使用FormData 進行AJAX 檔案上傳

在此場景中，您嘗試使用拖放操作來實作AJAX 檔案上傳產生的HTML 表單單單。但是，您目前的 JavaScript 實作需要進行調整才能正確利用 FormData 物件進行檔案上傳。

準備工作

首先，建立 FormData 物件：

var form = $('form')[0]; // For the entire form
var formData = new FormData(form);

或者，您可以指定特定資料包括：

var formData = new FormData();
formData.append('section', 'general');
formData.append('action', 'previewImg');
formData.append('image', $('input[type=file]')[0].files[0]);

發送表單

接下來，更新您的 jQuery AJAX請求以包含以下設定：

$.ajax({
    url: 'Your url here',
    data: formData,
    **type: 'POST', // Use POST requests for file upload**
    contentType: false, // Important for file upload
    processData: false, // Important for file upload
    // ... Other options like success and etc
});

這些設定確保表單資料作為多部分/表單資料請求正確發送，這對於檔案至關重要

附加說明：

• contentType: false 僅在jQuery 1.6 及以上版本中可用。
• 類型：'POST' 設定至關重要，因為檔案上傳需要 POST 請求。

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