Afficher une image en HTML
Résolu
hdiama
Messages postés
188
Date d'inscription
Statut
Membre
Dernière intervention
-
joomliner Messages postés 89 Date d'inscription Statut Membre Dernière intervention -
joomliner Messages postés 89 Date d'inscription Statut Membre Dernière intervention -
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!
A voir également:
- Afficher image en html
- Editeur html - Télécharger - HTML
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
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.
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
<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
Sinon c'est en php il me semble ?