jQuery を使用して AJAX でのファイル アップロードを処理するにはどうすればよいですか?

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 中国語 Web サイトの他の関連記事を参照してください。