Afficher une image en HTML
Résolu
Bonjour,
Je soumets un formulaire à mes clients, dont un des champs conduit à l'ouverture d'une fenêtre "parcourir" qui demande d'entrer une image. Comment pourrais-je ensuite afficher cette image? dois-je utiliser le lien de l'image fourni par la fenêtre?
Merci d'avance!
Je soumets un formulaire à mes clients, dont un des champs conduit à l'ouverture d'une fenêtre "parcourir" qui demande d'entrer une image. Comment pourrais-je ensuite afficher cette image? dois-je utiliser le lien de l'image fourni par la fenêtre?
Merci d'avance!
1 réponse
-
Voici une méthode en JavaScript fonctionnelle sous Internet Explorer et FireFox, je viens de la tester sous IE8 et FireFox 4.0.1.
<html> <head> <title>Exemple formulaire HTML avec INPUT fichier et affichage avec JavaScript</title> </head> <body> <img id="imageChoisie" width="200" height="200" alt="Image choisie"> <form name="form1"> <input type="file" id="inpChoixImage" name="inpChoixImage">Choisir un fichier</input> <input type="hidden" id="hidChoixImage" name="inpChoixImage">Choisir un fichier</input> </form> <script type="text/javascript" language="javascript"> document.getElementById('inpChoixImage').onchange = function() { var filename = document.getElementById('inpChoixImage').value; var Img = new Image(); if (navigator.appName == 'Netscape') { document.getElementById('imageChoisie').src = inpChoixImage.files.item(0).getAsDataURL(); } else { Img.src = filename; document.getElementById('imageChoisie').src = Img.src; } } </script> </body> </html>
Source : http://joomliner.ashbytech.com/web-tips/javascript/19-javascript-read-input-file-value-and-use-it.html
JoomLiner is an affordable ride to get you on track of the World wide web
