FormData 如何簡化 AJAX 檔案上傳？

使用FormData 進行有效的AJAX 檔案上傳

當代的Web 應用程式通常需要檔案上傳，這就需要無縫且高效的方法。 FormData 是一種優雅的解決方案，用於處理 AJAX 請求中的文件數據，特別是在文件上傳場景中。

要利用 FormData 進行 AJAX 檔案上傳，您必須先準備資料。有兩種方法：

準備：

• 表單提交：使用整個表單實例化FormData對象：

  var form = $('form')[0]; // Native JS object for compatibility
  var formData = new FormData(form);

• 自定義數據選擇：將特定數據附加到FormData：

  var formData = new FormData();
  formData.append('name', 'Section Name');
  formData.append('file', $('input[type=file]')[0].files[0]); 

傳送表格：

一次資料準備好後，將FormData 與AJAX 結合使用：

$.ajax({
    url: 'Your URL',
    data: formData,
    type: 'POST', // Mandatory for file uploads
    contentType: false, // Essential for FormData
    processData: false, // Suppresses default form data processing
    // Additional AJAX options (success, error, etc.)
});

透過遵循以下步驟，FormData 可以透過AJAX 進行有效的檔案上傳，並使用“enctype='multipart/form-data'”鏡像常規表單提交。

以上是FormData 如何簡化 AJAX 檔案上傳？的詳細內容。更多資訊請關注PHP中文網其他相關文章！