Afficher une image immédiatement aprés le clic sur parcourir. [Fermé]

Signaler
Messages postés
426
Date d'inscription
dimanche 31 juillet 2011
Statut
Membre
Dernière intervention
17 février 2015
-
Messages postés
426
Date d'inscription
dimanche 31 juillet 2011
Statut
Membre
Dernière intervention
17 février 2015
-
Bonjour,
Je suis débutant en programmation web et j'ai constaté dans certain site web, qu'aprés avoir cliqué sur parcourir ou browse pour certain navigateur, l'image était immédiatement visible sur le navigateur dans une zone reservé à cela. c'est justement ce que je souhaite faire pour mon site. j'ai écrit ce code
<script language="javascript">
function chargerlogo(){
		//alert("je suis");
		var id = document.getElementById("logosrc");
		var obj = document.getElementById("chargerlogo");
		var img = document.createElement("img");
		img.setAttribute("src", id.value);
		obj.removeChild(obj.childNodes.item(0));
		obj.appendChild(img);
}
</script>
...
<td bgcolor="#CCCCCC" rowspan="6" colspan="2" id="chargerlogo">Pas de Logo!!!</td>
...
<td>Logo : </td><td><input type="file" onchange="chargerlogo();" id="logosrc" accept="image/*" name="logo" maxlength="250"/></td>

Quand je vérifie l'arbre DOM à l'aide d'un outil j'ai le code suivant dans la chargerlogo
<td bgcolor="#CCCCCC" rowspan="6" colspan="2" id="chargerlogo"><img src = 'C:\image.png'/></td>

L'image semble chargé mais rien ne s'affiche.
Quelqu'un pourrait -il m'aider?
Merci d'avance pour votre aide.


3 réponses

Messages postés
110
Date d'inscription
mardi 29 juillet 2008
Statut
Membre
Dernière intervention
4 novembre 2013
12
essaye de voir du côté de Jquery

bon courage!
Messages postés
426
Date d'inscription
dimanche 31 juillet 2011
Statut
Membre
Dernière intervention
17 février 2015
22
je vais y voir de ce coté. un indice pourrait être utile. je maîtrise pas assez le jquery.
Messages postés
5695
Date d'inscription
lundi 16 janvier 2012
Statut
Contributeur
Dernière intervention
14 octobre 2020
1 125
Bonjour,

L'image semble chargé mais rien ne s'affiche.
=> C'est-à-dire ? Comme s'il ne trouvait pas l'emplacement de l'image ?
Messages postés
51
Date d'inscription
lundi 26 novembre 2012
Statut
Membre
Dernière intervention
4 décembre 2012
2
Salut,

À première vue, je crois que c'était impossible pour des raisons de sécurité. Voici quelques sites qui pourraient vous aider. Ce n'est donc pas impossible, mais certains navigateurs (ex: chrome) semblent plus retissant à donner accès aux images.

https://stackoverflow.com/questions/5802580/html-input-type-file-get-the-image-before-submitting-the-form

https://stackoverflow.com/questions/4094012/how-to-upload-preview-image-before-upload-through-javascript


Voici trois alternatives:
-> Utiliser FLASH
-> Utiliser un iFrame -> Utiliser AJAX ?
-> Utiliser HTML5 https://web.dev/read-files/
avec le nouvel API File

Alex
Messages postés
426
Date d'inscription
dimanche 31 juillet 2011
Statut
Membre
Dernière intervention
17 février 2015
22
okay, j'essaie, dès que cé résolu, je vous fait savoir, encore merci pour votre aide