multipart/formdata n'est pas l'envoi de fichiers de données avec jQuery.ajax

J'ai un point de terminaison de notre Django backend gars avec la documentation suivante:

POST /api/1/photo-uploads/avec enctype="multipart/form-data" avec les fichiers dans le champ appelé "fichiers[]".

J'ai essayé d'envoyer des fichiers téléchargés avec formData à l'aide de jquery AJAX méthode. J'obtiens toujours un message d'erreur indiquant que le fichier n'a pas été envoyé. Quand j'ai vue la charge utile je vois.

undefined
------WebKitFormBoundary9AzM2HQPcyWLAgyR
Content-Disposition: form-data; name="file"; filename="auzLyrW.jpg"
Content-Type: image/jpeg

Qui ne veut pas forcément dire qu'il n'a pas envoyé, mais il n'est certainement pas un endroit posté. Et je n'ai pas de type de vérification que le fichier est téléchargé.

    var formData = new FormData();
    formData.append('file', $('#file-upload').get(0).files[0]);
    $.ajax({
        url: '/api/1/photo-uploads/',
        type: 'POST',
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
    });

Quand j'ai de la console.journal formData simplement montrer le prototype des méthodes comme .append. Donc, je ne suis pas en mesure de vérifier si le fichier de données est envoyé au-delà de la vérification de la charge utile. Je peux me connecter $('#file-upload').get(0).files[0] mais je ne vois que les détails du fichier lui-même. Parce que je suis en essais localement un emplacement de téléchargement doit être quelque chose comme localhost:8000/.

Le backend gars sont sous l'impression que c'est quelque chose que je suis en train de faire. Quand je fais un simple post de formulaire, il fonctionne très bien. J'ai essayé un certain nombre de plugins et des méthodes de base et tous ont produit le 400 {"message": "No photos supplied.", "success": false}

Toutes les idées seront les bienvenues.

OriginalL'auteur Zach Shallbetter | 2013-12-20