2016-10-28 1 views
0

Voici mon code échantillon: https://jsbin.com/qokiyomivu/edit?html,js,outputenvoyer plusieurs fichiers d'extrémité avant à la méthode POST

Comment puis-je envoyer plusieurs fichiers à ma méthode POST, puis les fixer avec le courrier électronique à partir de la méthode Java? Actuellement, si je sélectionne plusieurs fichiers, un seul est envoyé et joint à l'e-mail écrit dans la méthode Java. Comment joindre tout ce que je choisis? Pour info, j'ai déclaré filesToUpload comme MultipartFile comme private MultipartFile filesToUpload dans mon Bean.

Répondre

0

C'est une bonne question que j'ai moi-même passé un certain temps à affiner à une bonne solution. je suis sorti avec:

$('#filesToUpload').change(function(e) { 
       $.each(e.currentTarget.files, function(i, file: File){ 
        var xhr = new XMLHttpRequest(); 
        xhr.onprogress = function (event) { 
         'do something' 
        }; 
        xhr.onloadend = function(event){ 
         var status = (<XMLHttpRequest>event.target).status; 
         if (status != 200) { 
          console.error(String.format("Server did not return a 200 but: {0}.", status)); 
         } 
         else 
          'upload completed'; 
        } 
        xhr.open('POST', 'urlpath', true); 
        xhr.send(file); 
       }); 
      }); 

Thsi téléchargera les fichiers yout à chaque changement - mais mon objectif principal en montrant ce code, est de vous guider vers XMLHttpRequest. Si vous avez de gros fichiers, il existe une technologie permettant de réduire vos données, mais cela prend un peu de temps pour démarrer.

+0

Merci beaucoup monsieur Kenneth pour votre temps. J'apprécie beaucoup. En fait, je veux envoyer des fichiers à ma méthode POST sur pression d'un bouton de soumission. Ensuite, dans cette méthode, je veux joindre les fichiers avec un texte d'email. Actuellement, un fichier est attaché même si j'essaie plusieurs fichiers. Merci encore, pouvez-vous m'aider? – obsolete

+0

Il y a un bon exemple ici: http://stackoverflow.com/questions/23035977/upload-multiple-files-with-xmlhttprequest-to-express-js-3-5-server –