Soumettre un fichier avec jQuery.ajax donne TypeError

Je suis en train d'essayer de soumettre un fichier à partir d'un formulaire à l'aide de jQuery ajax méthode:

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

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

Cette résultats dans l'erreur TypeError: 'append' called on an object that does not implement interface FormData.

Quelles sont les causes de cette erreur? Il ne se passe pas sur le réel formdata.append, mais à l'intérieur de jQuery.

  • Quel navigateur utilisez-vous?
  • okk, pas de probs , monsieur, j'ai eu la réponse
InformationsquelleAutor user2889070 | 2013-11-01
  1. 101

    J'ai eu le même problème avec le même code. Il y a une grave pénurie d'informations sur cette erreur, donc, depuis l'OP n'a pas de préciser:

    Avec un peu de débogage, j'ai réalisé l'erreur a été d'être jeté par l'appel ajax dans les profondeurs de jquery, pas de l'ajouter.
    S'avère que j'avais oublié d'ajouter processData: false, contentType: false à la requête ajax; cela a résolu le problème.

    • Je vous remercie. J'ai lu sur processData:faux... mais pas contentType
    • C'est, en effet, la réponse correcte.
    • S'avère si vous orthographiez mal processData comme proccessData, vous aurez également la même erreur. Raisonnable.
    • je suis tellement content que ce fut la première chose qui est apparu quand j'ai cherché sur google pour l'erreur mesaage.
    • Vous avez de la chance! Avec moi, c'était les 50+, chose que j'ai lu. Parce que je -- après 15 ans de codage -- n'a pas google le message d'erreur tout de suite, mais au lieu googlé toutes sortes de mauvais formulé de vœux ...
    • Mais.. j'ai besoin d'utiliser multipart/form-data comme mon type de contenu.. parce que c'est ce que mon api REST est à la recherche de... je peux peut-être juste... assumer les demandes entrantes sont de type multipart/form-data?

    InformationsquelleAutor Bhau
  2. 3

    Il fonctionne très bien lorsque vous ajoutez ce qui suit à l'ajax objet:

    contentType: false,
processData: false,

    Donc, il devrait ressembler:

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

    L'ajout de ces paramètres pour ajax résoudre le problème

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