JavaScript Sélection de plusieurs fichiers et restriction des types de fichiers


Exemple

L'API de fichier HTML5 vous permet de restreindre les types de fichiers acceptés en définissant simplement l'attribut accept sur une entrée de fichier, par exemple:

<input type="file" accept="image/jpeg">

La spécification de plusieurs types MIME séparés par une virgule (par exemple, image/jpeg,image/png ) ou des caractères génériques (par exemple image/* pour autoriser tous les types d'images) vous permettent de restreindre rapidement le type de fichiers à sélectionner . Voici un exemple pour autoriser une image ou une vidéo:

<input type="file" accept="image/*,video*">

Par défaut, l'entrée de fichier permet à l'utilisateur de sélectionner un seul fichier. Si vous souhaitez activer la sélection de plusieurs fichiers, ajoutez simplement l'attribut multiple :

<input type="file" multiple>

Vous pouvez ensuite lire tous les fichiers sélectionnés via le tableau de files l'entrée du files . Voir le fichier lu comme dataUrl