JQuery AJAX で FormData と String データを同時に送信する

ファイルのアップロードを伴うフォームを操作する場合、ファイル データと追加のデータを組み合わせる必要があります。サーバーに送信するための文字列データ。 JQuery AJAX で FormData() を使用してこれを実現する方法は次のとおりです:

ファイルと文字列データを使用した FormData の構築:

// Create a new FormData object
var fd = new FormData();

// Append file data
for (var i = 0; i 
AJAX を使用したデータの送信:
$.ajax({
  url: 'submit.php',
  data: fd,
  contentType: false,
  processData: false,
  type: 'POST',
  success: function (data) {
    console.log(data);
  },
});
説明:
serializeArray(): このメソッドはフォーム データをオブジェクトの配列として取得し、より良い結果を提供します。各入力の名前と値を制御します。
contentType: false および processData: false: これらの設定は、JQuery のデフォルトのデータ処理を無効にし、生の FormData をサーバーに送信できるようにします。
'submit.php': これを、ファイルと文字列データを処理するサーバー側スクリプトの URL に置き換えます。
Server-追加の考慮事項:
サーバー上のファイルと文字列データを取得するには、次のコードを使用できます:
// Files
print_r($_FILES);

// Other data
print_r($_POST);