Envío de datos de formulario y datos de cadena simultáneamente en JQuery AJAX

Cuando se trabaja con formularios que implican carga de archivos, es necesario combinar datos de archivos con datos adicionales datos de cadena para enviarlos al servidor. Aquí se explica cómo lograr esto usando FormData() en JQuery AJAX:

Construyendo FormData con archivos y datos de cadena:

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

// Append file data
for (var i = 0; i 
Envío de datos mediante AJAX:
$.ajax({
  url: 'submit.php',
  data: fd,
  contentType: false,
  processData: false,
  type: 'POST',
  success: function (data) {
    console.log(data);
  },
});
Explicación:
serializeArray(): Este método recupera los datos del formulario como una matriz de objetos, proporcionando mejores control sobre el nombre y el valor de cada entrada.
contentType: false y ProcessData: false: Estas configuraciones desactivan el procesamiento de datos predeterminado de JQuery y permiten que los FormData sin procesar se envíen al servidor.
'submit.php': Reemplace esto con la URL del script del lado del servidor que manejará el archivo y los datos de la cadena.
Servidor- Consideraciones secundarias:
Para recuperar el archivo y los datos de cadena en el servidor, puede usar el siguiente código:
// Files
print_r($_FILES);

// Other data
print_r($_POST);