Boîte de dialogue Ouvrir un fichier en JavaScript

Question

J’ai besoin d’une solution pour afficher la boîte de dialogue d’ouverture de fichier en HTML tout en cliquant sur un fichier . La boîte de dialogue Ouvrir un fichier doit s’ouvrir lorsque vous cliquez sur le bouton .

Je ne veux pas afficher la zone de fichier d’entrée dans le cadre de la page HTML. Il doit être affiché dans une boîte de dialogue séparée, qui ne fait pas partie de la page Web.

Answer 1

<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js"> <div class="snippet-code">

</div></div>pour IE, ajoutez ceci :

Answer 2

En voici un joli

Démo de Fine Uploader

C’est un `` contrôle en soi. Mais un div est placé au-dessus de cela et les styles css sont appliqués pour obtenir cette sensation. L’opacité du contrôle de fichier est définie sur 0 afin qu’il apparaisse que la fenêtre de dialogue s’ouvre lorsque vous cliquez sur le div.

Answer 3

En fait, vous n’avez pas besoin de tout cela avec l’opacité, la visibilité, `` le style, etc. Il suffit de jeter un coup d’œil:

Démo sur jsFiddle. Testé dans Chrome 30.0 et Firefox 24.0. N’a pas fonctionné dans Opera 12.16, cependant.