Comment puis-je obtenir du contenu à partir d'un formData?

J'ai créé un fichier dans le formData comme ceci:

    var fd = new FormData();
    fd.append('file', file);

comment puis-je obtenir le contenu de la formData? comme le nom de fichier et le fichier?
quelque chose comme ceci?: fd.filename(), fd.getData().
ou fd.get('file') pour récupérer le fichier?

OriginalL'auteur user2925894 | 2014-03-14

  1. 2

    Il n'y a aucun moyen de récupérer les fichiers après que vous avez ajouté dans une formData-objet, je crois.

    Vous devrez envoyer le formData-objet quelque part et ensuite récupérer les fichiers à partir d'un req-objet ou quelque chose comme ça.

    Dans mon cas (angularJS + nodeJS) j'ai testé à partir d'une réponse sur (lien ci-dessous):

    Angulaire:

    var fd = new FormData();
fd.append('file', file);
$http({
  method:"POST",
  url:"uploadFile",
  data: fd,
  withCredentials: true,
  headers: {'Content-Type': undefined },
  transformRequest: angular.identity
});

    Nœud (expressJS):

    app.post('/uploadFile', function(req,res){
  fs.readFile(req.files.file.path, function(err, data){
    //Do something with the data (which holds the file information)
  });
});

    Pour voir ce que vous pouvez faire avec le fichier, lire ceci:
    http://nodejs.org/api/fs.html

    Le code est pris à partir de :
    AngularJS: comment implémenter un simple upload de fichier avec multipart forme?

    OriginalL'auteur mr2k

  2. 2

    Vous ne pouvez pas obtenir le filedata comme ça. Si vous souhaitez envoyer le fichier à une servlet. essayez cette

    Obtenir votre fichier de 

    var files=document.getElementById('fileID').files[0];

    Maintenant ajouter votre fichier formdata et l'envoyer par ajax ;

    fd.append('file',files);

    Remarque: enctype formulaire doit être multipart/formdata

    OriginalL'auteur Krish

  3. 2

    Essayer:

     var fd = new FormData();
 fd.append('file', file);

    Puis utilisez ceci:

       var newfile = fd.get('file');
      console.log(newfile.name);       //filename
      console.log(newfile.size);       //filesize

    Ou cette pour les tableaux:

     for (var newfile of fd.getAll('file')){
     console.log(newfile.name);
     console.log(newfile.size);
}

    Ensuite, vous pouvez ajouter un fichier à un autre FormData:

    var newFormData = new FormData();
    newFormData.append('file', newfile);

    Si vous souhaitez obtenir toutes les données de FormData, non seulement de fichier, utilisez FormData.entrées() :

    for (var pair of fd.entries())
    {
     console.log(pair[0]+ ', '+ pair[1]);   //property and value pairs
    }

    OriginalL'auteur Cailean

  4. 0

    Vous ne pouvez pas obtenir le contenu de ce type. La seule méthode disponible est ajouter

    https://developer.mozilla.org/en-US/docs/Web/API/FormData

    Alors comment puis-je le résoudre? si je veux enregistrer le fichier?

    OriginalL'auteur Joao Almeida

  5. 0

    Après avoir regardé ces Mozilla articles, il semble comme il n'existe aucun moyen de récupérer les données d'un objet FormData. Vous ne pouvez les utiliser pour la construction de FormData à envoyer via une requête AJAX.

    Un moyen de contourner ce problème serait de construire régulièrement un dictionnaire et puis de le convertir en FormData:

    var myFormData = {
    key1: 300,
    key2: 'hello world'
};

var fd = new FormData();
for (var key in myFormData) {
    console.log(key, myFormData[key]);
    fd.append(key, myFormData[key]);
}

    Si vous souhaitez déboguer un simple objet FormData, vous pouvez aussi l'envoyer afin de l'examiner à la demande du réseau de la console de vos outils de développement:

    var xhr = new XMLHttpRequest;
xhr.open('POST', '/', true);
xhr.send(fd);

    En voici la preuve de concept de code à Faites glisser et Déposer des fichiers dans FormData et de les télécharger par la POSTE à un serveur. J'ai aussi fait un JS Bin où vous pouvez expérimenter et de voir quelles sont les données à l'intérieur d'un objet FormData si ça aide.

    OriginalL'auteur jaggedsoft