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

Я написал ниже код для загрузки изображений, используя 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 каждый раз становится пустым. Как я могу исправить это?

0

Решение

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

0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector