Upload avec formulaire

Bonsoir à tous,

J'utilise un script qui me permet d'uploadé autant de fichier que je souhaite sur mon serveur,

Un bouton parcourir, un choix de fichier, un bouton upload (qui génère au clic en même temps une barre de progression) et le fichier est envoyé sur le serveur dans un répertoire que j'ai choisis.

Ce que j'aimerais ajouté un <form action="traitement.php"> par exemple qui me permettrait d'ajouté plusieurs input text (par exemple nom du bien, nombre de pièces etc...) et traité un envoie des noms de fichier vers la base de donnée.

En synthétisant :

J'ai mon bouton parcourir, au clic, barre de progression et envoie sur mon ftp.

J'aimerais bouton parcourir, au clic barre de progression envoie vers la base, des champs input text ou select avec un bouton validé en + du bouton upload.

Mon code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<span class="btn btn-success fileinput-button"> <i class="icon-plus icon-white"></i> <span>Ajouter des photos...</span> <input id="fileupload" type="file" name="files[]" multiple> </span> <br><br> <!-- The global progress bar --> <div id="progress" class="progress progress-success progress-striped"> <div class="bar"></div> </div> <!-- The container for the uploaded files --> <div id="files"></div> <br>

---

En gros je voudrais sa (mais évidemment ça ne fonctionne pas) car en cliquant sur upload on m'envoie sur traitement.php alors que je voudrais que ce soit uniquement en cliquant sur le bouton valider.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<form action="traitement.php"> Type de bien : <input type="text" name="bien"> Nombre de pièces : <input type="text" name="pieces"> <span class="btn btn-success fileinput-button"> <i class="icon-plus icon-white"></i> <span>Ajouter des photos...</span> <input id="fileupload" type="file" name="files[]" multiple> </span> <br><br> <!-- The global progress bar --> <div id="progress" class="progress progress-success progress-striped"> <div class="bar"></div> </div> <!-- The container for the uploaded files --> <div id="files"></div> <br>   <INPUT TYPE=submit VALUE="Valider">   </form>

---

Merci à tous,

J'ai trouvé sa (un début de piste ?) mais je ne sais pas comment m’en servir dans mon cas.

https://github.com/blueimp/jQuery-File-Upload/wiki/API

https://github.com/blueimp/jQuery-Fi...onal-Form-Data