Отправка файлов DATA в ajax без отправки формы

Question

Я написал ниже код для загрузки изображений, используя ajax без тега формы. Мое основное требование заключается в том, что после нажатия кнопки ввода файла путь к изображению должен быть сохранен в СЕССИИ, и после подтверждения заказа сеанс будет уничтожен, а изображение сохранено в папке.

<input id="file-input" name="file-input[]" multiple accept=".png, .PNG, .jpg, .JPG, .jpeg, .JPEG, .PDF, .pdf" type="file" />

$(document).ready(function() {
  $('input[type=file]').change(function() {
    var formData = new FormData();
    var files = this.files;
    for (var i = 0; i < this.files.length; i++) {
      formData.append('file', $('#file-input')[0].files[0]);
    }

    $.ajax({
      type: "POST",
      url: "ajax.php?type=uploadImgSession", // 
      data: formData,
      processData: false,
      contentType: false,
      success: function(msg) {
        alert(msg);
      },
      error: function() {
        alert("failure");
      }
    });
  })
});

Моя проблема в том, что formData каждый раз становится пустым. Как я могу исправить это?

Answer 1

Когда вы пытаетесь загрузить файлы с помощью Ajax, вы можете использовать jquery - $(form).ajaxSubmit() Ссылка ссылки