Formulardaten und Zeichenfolgendaten gleichzeitig in JQuery AJAX senden

Bei der Arbeit mit Formularen, die Datei-Uploads beinhalten, ist es notwendig, Dateidaten mit zusätzlichen zu kombinieren String-Daten zur Übermittlung an den Server. So erreichen Sie dies mit FormData() in JQuery AJAX:

FormData mit Datei- und String-Daten erstellen:

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

// Append file data
for (var i = 0; i 
Senden der Daten mit AJAX:
$.ajax({
  url: 'submit.php',
  data: fd,
  contentType: false,
  processData: false,
  type: 'POST',
  success: function (data) {
    console.log(data);
  },
});
Erläuterung:
serializeArray(): Diese Methode ruft die Formulardaten als Array von Objekten ab und bietet so eine bessere Bereitstellung Kontrolle über den Namen und Wert jeder Eingabe.
contentType: false und processData: false: Diese Einstellungen deaktivieren die Standarddatenverarbeitung von JQuery und ermöglichen das Senden der Rohformdaten an den Server.
'submit.php': Ersetzen Sie dies durch die URL des serverseitigen Skripts, das die Datei- und Zeichenfolgendaten verarbeitet.
Server- Nebenbemerkungen:
Um die Datei- und Zeichenfolgendaten auf dem Server abzurufen, können Sie den folgenden Code verwenden:
// Files
print_r($_FILES);

// Other data
print_r($_POST);