it-roy-ru.com

Отправка файла с помощью jQuery.ajax дает TypeError

Я пытаюсь отправить файл из формы, используя метод ajax в jQuery:

var ofile=document.getElementById('image').files[0];
var formdata = new FormData();
formdata.append("image",ofile);

$.ajax({
    url:'elements/save_elements',
    data:formdata,
    type:'POST'
});

Это приводит к ошибке TypeError: 'append' called on an object that does not implement interface FormData.

Что вызывает эту ошибку? Это происходит не с реальным formdata.append, а внутри jQuery.

17
user2889070

У меня была такая же проблема с похожим кодом. Существует серьезная нехватка информации об этой ошибке, так как ОП не уточнил:

С некоторой отладкой я понял, что ошибка была вызвана вызовом ajax в глубинах jquery, а не фактическим добавлением…. Оказывается, я забыл добавить processData: false, contentType: false в запрос ajax; Это решило проблему.

99
Bhau

Он отлично работает, когда вы добавляете следующее к объекту ajax:

contentType: false,
processData: false,

Так должно выглядеть так:

$.ajax({
    url:'elements/save_elements',
    data:formdata,
    type:'POST',
    contentType: false,
    processData: false,
});
1
Canaan Etai

Добавление этих параметров в ajax решит проблему

$.ajax({
      url: 'upload_ajax.php',
       type: 'POST',
       data: formData,
       contentType: false,
       processData: false,
0
Radhika Choudhary