Отправка FormData и строковых данных одновременно в JQuery AJAX

При работе с формами, предполагающими загрузку файлов, необходимо объединять данные файла с дополнительными строковые данные для отправки на сервер. Вот как этого добиться с помощью FormData() в JQuery AJAX:

Создание 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-адресом серверного сценария, который будет обрабатывать данные файла и строки.
Соображения на стороне сервера:
Чтобы получить данные файла и строки на сервере вы можете использовать следующий код:
// Files
print_r($_FILES);

// Other data
print_r($_POST);