Enviando FormData e String Data Simultaneamente em JQuery AJAX

Ao trabalhar com formulários envolvendo uploads de arquivos, é necessário combinar dados de arquivo com dados adicionais dados de string para envio ao servidor. Veja como conseguir isso usando FormData() em JQuery AJAX:

Construindo o FormData com dados de arquivo e string:

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

// Append file data
for (var i = 0; i 
Enviando os dados usando AJAX:
$.ajax({
  url: 'submit.php',
  data: fd,
  contentType: false,
  processData: false,
  type: 'POST',
  success: function (data) {
    console.log(data);
  },
});
Explicação:
serializeArray(): Este método recupera os dados do formulário como uma matriz de objetos, fornecendo melhor controle sobre o nome e o valor de cada entrada.
contentType: false e processData: false: Essas configurações desativam o processamento de dados padrão do JQuery e permitem que o FormData bruto seja enviado ao servidor.
'submit.php': Substitua pela URL do script do lado do servidor que manipulará os dados do arquivo e da string.
Servidor- Considerações laterais:
Para recuperar os dados do arquivo e da string no servidor, você pode usar o seguinte código:
// Files
print_r($_FILES);

// Other data
print_r($_POST);