Comment sélectionner plusieurs fichiers avec <input type="file">?

Question

Comment sélectionner plusieurs fichiers avec <input type="file"> ?

Answer 1

Nouvelle réponse :

En HTML5, vous pouvez ajouter l'attribut multiple pour sélectionner plus d'un fichier.

<input type="file" name="filefield" multiple="multiple">

---

Ancienne réponse :

Vous ne pouvez sélectionner qu'un seul fichier par <input type="file" />. Si vous souhaitez envoyer plusieurs fichiers, vous devrez utiliser plusieurs balises d'entrée ou utiliser Flash ou Silverlight.

Answer 2

Il y a aussi HTML5 <input type="file" multiple name="files[]" /> (spécification).

Le support du navigateur est assez bon sur le bureau (juste pas pris en charge par IE 9 et avant), moins bon sur le mobile, je suppose parce qu'il est plus difficile à implémenter correctement en fonction de la plate-forme et de la version.

Answer 3

L'ensemble devrait ressembler

<form enctype='multipart/form-data' method='POST' action='submitFormTo.php'> 
    <input type='file' name='files[]' multiple />
    <button type='submit'>Submit</button>
</form>

Assurez-vous que vous avez l'attribut enctype='multipart/form-data' dans votre balise <form>, ou vous ne pouvez pas lire les fichiers côté serveur après la soumission !

Answer 4

Ce plugin jQuery (jQuery File Upload Demo) le fait sans flash, sous la forme qu'il utilise :

<input type='file' name='files[]' multiple />

Answer 5

Vous pouvez le faire maintenant avec HTML5

Essentiellement, vous utilisez l'attribut multiple sur l'entrée du fichier.

<input type='file' multiple>