Ajout dynamique de champs de type file dans un formulaire !

Bonjour à tous je souhaite mettre en place un formulaire d'upload sur mon site permettant d'uploader plusieurs fichiers. Pour cela j'aimerai que l'utilisateur puisse ajouter des champs de type file dans mon formulaire en cliquant sur un bouton ! Je ne sais pas comment faire. J'ai essayé d'utiliser la méthode innerHTML() en remplaçant à chaque fois le contenu de mon formulaire et en essayant de modifier la valeur des input mais celle-ci n'est autorisée qu'en lecture pour les champs file, donc je me retrouvais avec des champs qui se vidaient à chaque click sur le bouton d'ajout ...

Quelqu'un aurait-il une solution à me proposer ?

Merci d'avance.

Code:

---

1 2 3 4 5 6 7 8 9 10

<script type='text/javascript'> function addFile(){ lediv = document.getElementByid('files'); in = document.createElement('input'); in.setAttribute('type','file'); in.setAttribute('name','mesfichiers[]'); lediv.appendChild(in); } </script> <div id='files'><input type='button' onclick='addFile()' value='Ajouter un fichier' /><div>

---

si c est un langage coté serveur ou t'as pas besoin des [] tu les enlève

Merci siddh de ta réponse, elle m'a beaucoup aidé. Néanmoins elle ne marchait pas pour deux toutes petites raisons de rien du tout.

• La première : il y a une majuscule à Id dans la fonction getElementByid()

• la seconde : in est un mot reservé en javascript on ne peut donc pas l'utiliser en tant que nom de variable

Je fourni donc le code du script corrigé :

Code:

---

1 2 3 4 5 6 7 8 9

<script type='text/javascript'> function addFile(){ lediv = document.getElementById('files'); lenvchamp = document.createElement('input'); lenvchamp .setAttribute('type','file'); lenvchamp .setAttribute('name','mesfichiers[]'); lediv.appendChild(lenvchamp ); } </script>

---

Voilà ... merci encore ... et merci de la rapidité de ta réponse.

:oops: oui je l'ai tapé direct ici et j'ai loupé une maj ^^
pour in, on va dire que c'est du a l heure tardive ;)