Comment récupérer le nom d’un fichier sélectionné avec input type file en jQuery
Vous pouvez utiliser la méthode change() de jQuery pour obtenir le nom de fichier sélectionné par l’input du formulaire HTML .
Code HTML:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Récupérer le nom d'un fichier sélectionné</title> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script type="text/javascript"> // Mettez le code jQuery ici. </script> </head> <body> <input type="file"> </body> </html>
Code jQuery:
$(document).ready(function() { $('input[type="file"]').change(function(e) { var file = e.target.files[0].name; alert('Le fichier "' + file + '" a été sélectionné.'); }); });
Résultat |
---|
- Déclencher/arrêter une animation CSS via JQuery
- Remonter en haut de page avec jQuery
- Envoyer un formulaire en Ajax avec JQuery
- Récupérer les données d’un formulaire avec JQuery
- Comment récupérer les paramètres d’URL en JQuery
- Liste de toutes les fonctions JQuery
- Afficher ou masquer une div en JQuery
- Soumettre un formulaire sans recharger la page en utilisant Ajax, jQuery et PHP
- Liaison entre deux liste déroulante pays et ville en jQuery, Ajax et PHP
- Récupérer les données d’une base de données sans actualiser le navigateur
- Comment ajouter <li> dans une liste <ul> existante en jQuery
- Comment récupérer l’attribut data-id d’un élément en jQuery
- Comment détecter un appareil mobile via jQuery
- Comment définir la propriété CSS background-image en jQuery
- Comment récupérer la valeur d’un input texte en jQuery
- Comment modifier le style CSS avec jQuery
- Comment changer la valeur d’un input avec jQuery
- Comment changer le texte d’un bouton avec jQuery
- Comment parcourir des éléments avec la même classe en jQuery
- Comment détecter un clic en dehors d’un élément avec jQuery
- Récupérer en temps réel le contenu d’un input text en jQuery
- Comment vérifier si un champ est vide avec jQuery
- Comment réinitialiser un formulaire avec jQuery
- Comment récupérer la valeur d’un textarea avec jQuery
- Comment détecter la touche Entrée sur un champ de saisie en jQuery
- Comment détecter une frappe sur la touche Entrée en JQuery
- Vérifier qu’une valeur est numérique en jQuery
- Comment récupérer le nombre d’éléments dans une DIV avec jQuery
- Comment rafraîchir une page avec jQuery
- Comment changer la valeur href d’un lien avec jQuery
- Comment ajouter ou supprimer des lignes dans un Tableau en jQuery
- Mise à jour automatique du contenu div lors de la saisie dans un textarea avec jQuery
- Comment insérer du contenu HTML dans un iFrame avec jQuery
- Comment faire une redirection automatique en jQuery/JavaScript
- Comment vérifier si un élément HTML est caché en jQuery
- Comment récupérer le nom d’un fichier sélectionné avec input type file en jQuery
- Comment déplacer un élément avec les flèches du clavier en jQuery
- Comment cocher/décocher le bouton checkbox avec jQuery
- Comment cocher/décocher le bouton radio avec jQuery
- Comment désactiver tous les inputs dans un formulaire avec jQuery
- Comment Activer/Désactiver le boutton submit d’un formulaire avec jQuery
- JQuery Toggle Slide – De gauche à droite
- Exemple jQuery: slideUp() et slideDown()
- Comment afficher la suite du texte s’il dépasse une certaine longueur avec jQuery
- Comment trouver la position de la souris par rapport au document avec jQuery
- Comment trouver la position de la souris par rapport à un élément en jQuery
- Comment vérifier si un élément HTML est visible en jQuery
- Comment récupérer le contenu texte d’un élément HTML avec jQuery
- Comment supprimer une balise sans supprimer son contenu avec jQuery
- Comment récupérer l’url de la page courante avec jQuery
- Comment récupérer la valeur d’un select avec jQuery
- Comment lier un évènement click à un élément HTML créé de façon dynamique – jQuery
- Comment récupérer la valeur d’un CheckBox avec jQuery
- Comment récupérer la valeur d’un bouton radio avec jQuery
- Comment vérifier si une checkbox est cochée avec jQuery
- Comment désactiver un lien href en JQuery
- Comment supprimer un élément du DOM avec jQuery
- Comment ajouter des éléments dans le DOM avec jQuery
- Comment supprimer un attribut d’un élément HTML avec jQuery
- Comment ajouter des attributs à un élément HTML en jQuery
- Comment ajouter des propriétés CSS à un élément de façon dynamique – jQuery
- Comment appeler une fonction après avoir attendu un certain temps – JQuery
- Comment définir une fonction en jQuery ?
- Afficher et masquer un bloc div en fonction d’une liste déroulante – JQuery
- Afficher et masquer un bloc div en fonction de bouton checkboxe – JQuery
- Afficher et masquer un bloc div en fonction de bouton radio – JQuery
- Parcourir un tableau avec jQuery.each()
- Compter le nombre de mots d’une chaîne de caractères avec JQuery
- Comment compter le nombre de caractères dans une chaîne avec JQuery
- Comment supprimer les espaces d’une chaîne de caractères avec jQuery
- Comment récupérer le texte d’un élément HTML – JQuery
- Comment extraire une sous-chaîne à partir d’une chaîne de caractères – jQuery
- Comment trouver une sous-chaîne entre deux mots avec jQuery
QCMs qui pourraient vous intéresser :
- Questions techniques sur MYSQL
- QCM MySQL Corrigé – Optimisation de requêtes
- QCM Base de données avec correction
- QCM sur PHP
- QCM Symfony
- QCM AngularJS
- QCM React
- QCM HTML / CSS
- QCM Java – Programmation Orientée Objet
- QCM Python
- QCM Cloud Computing
- QCM Framework Spring
- QCM Javascript
- QCM jQuery
- QCM Oracle
- QCM sur GIT – Gestionnaire de version
- QCM Linux – Gestion de processus
- QCM Réseau
- QCM Architecture des ordinateurs
- QCM Securité informatique
- QCM En Informatique Générale
- QCM en C
- QCM en C#
- QCM sur l'algorithmique
- QCM Word
- QCM Excel
- QCM PowerPoint
- QCM Access
Bonjour tout le monde, je cherche a modifier le contenu d’un input après avoir choisie un fichier sur la fenetre de choix de fichiers. je veux dire par modifier le contenu c’est de remplacer le fichier que possède cet input par un autre. comment le faire en programmant ?
avez vous une idée svp ?
Merci d’avance.
Bonjour,
Malheureusement, vous ne pouvez pas. Et c’est une mesure de sécurité. Imaginez si quelqu’un écrit un script qui définit la valeur d’entrée du fichier vers un fichier sensible.
Par exemple, si vous essayer d’exécuter le code suivant, vous allez obtenir une erreur de sécurité dans la console :