如何使用FormData使用拖放實作AJAX檔案上傳？

使用FormData 進行AJAX 檔案上傳

問題：

<form>

問題：

<form>HTML 程式碼：

<form>

JavaScript 程式碼：

$('.wpc_contact').submit(function(event) {
  var form = $('.wpc_contact').serialize();
  var formname = $('.wpc_contact').attr('name');
  var FormData = new FormData($(form)[1]);

  $.ajax({
    url: '<?php echo plugins_url(); ?>/wpc-contact-form/resources/js/tinymce.php',
    data: { form: form, formname: formname, FormData: FormData },
    type: 'POST',
    processData: false,
    contentType: false,
    success: function(data) {
      alert(data);
    }
  });
});

解決方案🎜>

要正確使用FormData，請遵循以下步驟步驟：

1.準備工作：

• 使用標準 JavaScript 物件「form」將整個表單傳遞給FormData()：

  var form = $('form')[0];
  var formData = new FormData(form);

• 或者，指定特定資料FormData():

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

2.發送單：

使用以下選項的jQuery AJAX請求：

$.ajax({
  url: 'Your url here',
  data: formData,
  type: 'POST',
  contentType: false, // Required
  processData: false, // Required
  // ... Other options like success, etc.
});

注意：

• 鍵入「POST " 在選項中是必要的，因為所有檔案都必須透過POST 發送request.
• contentType: false 僅在jQuery 版本1.6 及更高版本中可用。

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