HTML <input type = « file »> comment obtenir le nom de fichier juste après le fichier a été choisi

Question

Ceci est mon étiquette d'entrée:

<input id="myId" class="button" name="myFile" type="file"> 

Dès que l'utilisateur choisit un fichier, je voudrais obtenir le nom du fichier, pour l'afficher et donner quelques retours à l'utilisateur. Je sais que je peux obtenir le nom de fichier en Javascript (en utilisant Jquery) comme ceci:

var fileName = $('#myId').val(); 

Cependant, je voudrais faire un appel de fonction dès, que l'utilisateur choisit un fichier. Si vous ajoutez un onclick-even à la balise "myId", cet événement sera appelé dès que l'utilisateur cliquera sur le bouton, mais AVANT de choisir un fichier. Quel événement est déclenché lorsque l'utilisateur choisit un fichier? Comment puis-je appeler une fonction juste après que l'utilisateur a choisi un fichier?

Answer 1

Puisque vous utilisez déjà jQuery, la solution est assez simple:

$("#myId").change(function(){ 
    doIt(); 
});