Déclencher par programme la boîte de dialogue « sélectionner un fichier »

Question

J’ai un élément d’entrée de fichier caché. Est-il possible de déclencher sa boîte de dialogue sélectionner un fichier à partir de l’événement click d’un bouton ?

Answer 1

Si vous cherchez à avoir votre propre bouton pour télécharger un fichier au lieu d’utiliser `` , vous pouvez faire quelque chose comme:

Notez que j’ai utilisé , au lieu de . Vous ne pouvez pas appeler l’événement click sur une entrée de fichier non affichée.

Answer 2

Je ne sais pas comment les navigateurs gèrent les clics sur `` les éléments (problèmes de sécurité et tout), mais cela devrait fonctionner:

J’ai testé ce JSFiddle dans Chrome, Firefox et Opera et ils montrent tous la boîte de dialogue de navigation de fichier.

Answer 3

J’enveloppe le dans une étiquette, puis styliser le à votre goût, et cacher le fichier `` .

Solution purement CSS.