Afficher une image en HTML

Résolu

hdiama Messages postés 190 Date d'inscription Statut Membre Dernière intervention -
joomliner Messages postés 93 Statut Membre - 15 juin 2011 à 18:48

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!

Afficher la suite

A voir également:

Afficher image en html
Editeur html - Télécharger - HTML
Légende image word - Guide
Reduire taille image - Guide
Image en icone - Guide
Image iso - Guide

1 réponse

Réponse 1 / 1

Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.
joomliner Messages postés 93 Statut Membre 36
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
1. skymax406 Messages postés 242 Statut Membre 24
  
  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 ?
  
  0
2. hdiama Messages postés 190 Date d'inscription Statut Membre Dernière intervention 6
  
  Merci beaucoup joomliner, c'est sur ce je bloquais :)
  
  0
3. joomliner Messages postés 93 Statut Membre 36
  
  @skymax406 : Exact, on ne peut pas l'enregistrer, l'avenue PHP pourra faire l'affaire à ce niveau là.
  
  0

Afficher une image en HTML

1 réponse

Discussions similaires

Newsletters