Récupérer la valeur d'un élément file
Résolu
Sinistrus
Messages postés
1010
Date d'inscription
Statut
Membre
Dernière intervention
-
ookahh1 Messages postés 61 Date d'inscription Statut Membre Dernière intervention -
ookahh1 Messages postés 61 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Comment je peux récupérer instantanément la valeur d'un élément file svp ?
en php ou javascript peux importe.
Comment je peux récupérer instantanément la valeur d'un élément file svp ?
<input type="file" name="fileField" id="label_Parcourir" />
en php ou javascript peux importe.
10 réponses
-
Ah ! alors j'ai ça pour toi :
<input type="file" name="fileField" id="label_Parcourir" onchange="displayfilename(this);" /> </br> <div id="there"></div> <script type="text/javascript"> function displayfilename(input) { document.getElementById('there').innerHTML = input.value; } </script>
Par contre sous Firefox tu ne verras que le nom du fichier et pas le path complet (politique de sécurité) -
Allez je suis joueur :
<input type="file" name="fileField" id="label_Parcourir" onchange="displayfilename(this);" /> </br> <div id="there"></div><img id="extension" src="" /> <script type="text/javascript"> function displayfilename(input) { filename = input.value; filename = filename.substring(filename.lastIndexOf('\\')+1); // Windows path filename = filename.substring(filename.lastIndexOf('/')+1); // Linux path document.getElementById('there').innerHTML = filename; extension = filename.substring(filename.lastIndexOf('.')+1); image = "unknown.gif"; switch(extension) { case "docx": image = "docx.gif"; break; case "doc": image = "doc.gif"; break; case "txt": image = "txt.gif"; break; default: break; } document.getElementById('extension').src = image; } </script>
Mais maintenant DODO ^^ -
réponse ici :
https://www.phpfacile.com/apprendre_le_php/upload_de_fichier
(n'oublie pas de mettre en résolu si ça te suffit, sinon pose-nous des questions ;) ) -
Merci supernico,
N'y a t-il pas moyen que lorsque je clique sur l'élément file et sélectionne mon fichier, le texte affiché dans celui-ci s'affiche dans une div juste en dessous ?<input type="file" name="fileField" id="label_Parcourir" /> </br> <div id=""></div>
C'est en fait dans la même page que je souhaite l'affichage de celui-ci :s -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
http://img11.hostingpics.net/pics/583647Image.jpg
Voici un exemple de ce que je souhaite.
L'élément file à été modifié grâce à un css, une fois que je sélectionne un fichier, disons "Image_du_monde.gif" celui-ci s'affiche dans ma page instantanément.
Comment faire svp ? -
C'est exactement ça et firefox à raison.
Peut-on le faire aussi pour les autres navigateurs ? ne pas afficher le chemin complet ? -
voilà qui devrait supprimer le chemin du fichier et ne garder que le nom :
function displayfilename(input) { filename = input.value; filename = filename.substring(filename.lastIndexOf('\\')+1); // Windows path filename = filename.substring(filename.lastIndexOf('/')+1); // Linux path document.getElementById('there').innerHTML = filename; } -
Superbe ! Trop fort supernico.
Dis moi, si je voulais évoluer le script et afficher l'image de l'extension, genre pour .doc ou docx, une image nommée doc.png ou docx.png, c'est faisable ? -
Superbe code ! Il est magique.
Grand merci a toi supernico !
Dis moi, tu les avais déjà chez toi ces codes ou tu les as fais directement là ? -
Dis moi supernico, dans le code java, comment je peux mettre un code php ?
function displayfilename(input){ filename = input.value; filename = filename.substring(filename.lastIndexOf('\\')+1); // Windows path filename = filename.substring(filename.lastIndexOf('/')+1); // Linux path document.getElementById('there').innerHTML = filename; extension = filename.substring(filename.lastIndexOf('.')+1); image = "<?php (DOSSIER_ADMIN); ?>" + "/images/icones_fichiers/inconnu.png"; switch(extension){ case "accdb": image = "../../../../images/icones_fichiers/accdb.png"; break;
Je voudrais ajouter<?php (DOSSIER_ADMIN); ?>
à la place de../../../../
