Afficher une image en HTML [Résolu/Fermé]

Signaler
Messages postés
189
Date d'inscription
vendredi 24 octobre 2008
Statut
Membre
Dernière intervention
2 janvier 2012
-
Messages postés
89
Date d'inscription
jeudi 9 juin 2011
Statut
Membre
Dernière intervention
1 août 2016
-
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!


1 réponse

Messages postés
89
Date d'inscription
jeudi 9 juin 2011
Statut
Membre
Dernière intervention
1 août 2016
33
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
3
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 60511 internautes nous ont dit merci ce mois-ci

Messages postés
215
Date d'inscription
samedi 19 juillet 2008
Statut
Membre
Dernière intervention
22 avril 2015
20
Question : J'ai vu ton code , ce que tu fait c'est lire l'image et l'afficher c'est tout nan ? On ne peut donc pas l'enregistrer ?

Sinon c'est en php il me semble ?
Messages postés
189
Date d'inscription
vendredi 24 octobre 2008
Statut
Membre
Dernière intervention
2 janvier 2012
5
Merci beaucoup joomliner, c'est sur ce je bloquais :)
Messages postés
89
Date d'inscription
jeudi 9 juin 2011
Statut
Membre
Dernière intervention
1 août 2016
33
@skymax406 : Exact, on ne peut pas l'enregistrer, l'avenue PHP pourra faire l'affaire à ce niveau là.