Отправка файла с jQuery.ajax дает TypeError

Question

Я пытаюсь отправить файл из формы с помощью метода 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.

Answer 1

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

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

Answer 2

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

contentType: false, 
processData: false, 

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

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

Answer 3

Добавление этих параметров Аяксу решить проблему

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