jQuery:Fichier+le téléchargement de Données à l'aide de Blueimp de Téléchargement de Fichiers plugin sur le formulaire de soumission

Je suis en utilisant Blueimp de Téléchargement de Fichiers plugin à télécharger le fichier. Disons que j'ai de la forme suivante:

<form id="myForm">
   <input type="text" name="n1" />
   <input type="text" name="n3" />
   <input type="text" name="n3" />
   <input type="file" name="files" id="file" style="display: none" multiple/>
   <button>Upload</button>
</form>

Mon travail est

Je veux télécharger des fichiers+données lors de l'utilisation, cliquez Télécharger bouton. J'ai fait de l'auto de téléchargement de fichiers c'est à dire le téléchargement du fichier juste après le glisser-déposer ou en sélectionnant fichier.

Mais pour celui-ci, je n'ai aucune idée de comment le faire.Puis-je avoir quelques exemple simple pour ce genre de cas?

Salut avez-vous réussi à le résoudre, je suis de soumettre les fichiers et adresse e-mail, mais je ne suis pas sûr de savoir comment obtenir cette adresse e-mail de PHP fin. J'ai utilisé les deux $_REQUEST['email'] et $_POST['email'], mais sans succès encore.

OriginalL'auteur manish | 2014-01-22

  1. 5

    Vous besoin de quelque chose comme ceci:

    var sendData= true;  
$('#file').fileupload({
   dataType : 'json',
   autoUpload : false,
   add : function(e,data){
      $("#myForm button").on("click",function(){
          if(sendData){
              data.formData = $("#myForm").serializeArray();              
              sendData = false;
          }

          data.submit();
      });
   },
   done: function(e,data){
       sendData = true;
   }
})

    ici vous pouvez trouver plus d'informations sur formData

    le problème est que si je sélectionne 5 fichiers qu'il appelle le url 5 fois
    il y a un appel ajax pour chaque fichier. Si vous voulez que vous envoyer les données qu'une seule fois, par exemple avec le premier fichier?
    oui! Je veux envoyer tous les fichiers en un seul coup.EST-il possible?. Parce que le problème, je suis confronté est Si j'ai 5 fichier joint et si je soumet le formulaire, tous les champs est présentée cinq fois n1 n2... est reçu par le serveur de cinq fois
    J'ai mis à jour ma réponse avec une solution de contournement pour envoyer les données que dans le premier appel ajax.
    ok check it out.il semble que cela fonctionne

    OriginalL'auteur Dirty-flow

  2. 4

    Multi-upload de fichier, avec l'aide du glisser-déposer et multibrowser de soutien, n'est pas possible sans quelques astuces.

    Avec jquery file upload plugin, vous pouvez définir autoUpload de faux, de recueillir les fichiers ajoutés ou supprimés, puis à soumettre le formulaire, vous annulez la normale présenter la demande. Au lieu de vous faire un seul appel ajax qui va contenir l'ensemble de vos fichiers et le contenu du formulaire. Lors de l'appel ajax rendement, vous pouvez rediriger les requêtes vers votre page d'affichage etc. 

    var filesList = new Array();
$(function () {
    $('#fileupload').fileupload({
        autoUpload: false,
     }).on('fileuploadadd', function (e, data) {
        $.each(data.files, function (index, file) {
            filesList.push(data.files[index]);
        });
    });
}
$("#uploadform").submit(function(event) {
    if (filesList.length > 0) {
        event.preventDefault();
        $('#fileupload').fileupload('send', {files: filesList})
            .complete(function (result, textStatus, jqXHR) { 
                //window.location='back to view-page after submit?'
            });
        } else {
            //plain default submit
        }
    });
});
[...]
<form id="uploadform" action="..." method="POST" enctype="multipart/form-data">
    <input type="text" name="dummy" placeholder="some other input field">
    <input id="fileupload" type="file" name="files" multiple="multiple">
</form>

    J'ai décrit un travail entièrement solution avec un contrôleur spring mvc en détail ici

    OriginalL'auteur Tor