Discussion :

[Calvein]

Je voudrait faire en sorte d'afficher une image d'où le lien provient d'un input de type text.
Voilà ce que j'ai fait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
//Code Javascript
<script type="text/javascript">
<!--
	function imgPreview(url)
	{
		document.getElementById('img').innerHTML='<img src="'+url+'" width="200px" height="auto" />';
	}
//-->
</script>
----------------------------------
//Code HTML
<input type="text" onchange="imgPreview(this.value);" size="150"/><br />
<div id="img"></div>

Bien sur, je n'obtiens rien (sinon j'aurai pas crée ce topic :p).

Les urls ne doivent pas être locales donc je capte pas mon problème, merci à mes sauvers

[SpaceFrog]

sous IE tu peux eventuellement passer le path obtenu à un iframe en src ...

Mais pour des rasions de securité tu ne peux pas afficher une image directement coté client sans passer par le serveur ...

De plus sous FFX l'inout type file ne renvoie que le nom du fichier coté client et pas le path complet.
Peutr être au moyen d'un ajax tu pourras demander au serveur de te renvoyer le fullpath du file et l'attribuer en src à une img sur la page

[RomainVALERI]

@SpaceFrog : Heu... on parle d'un input type text ou d'un input type file ici ? oO

A part ça : si l'utilisateur saisit une valeur qui ne correspond pas à l'url exacte d'une image existante (on peut toujours compter sur l'utilisateur pour faire des trucs dingues, alors espérer qu'il ne fasse même pas une petite faute de frappe me semble bien optimiste ^^), comme il n'y a aucune vérification, ça me parait fragile...

Sinon, même chose que d'habitude pour innerHTML --> à éviter quand on le peut, mais bon ^^

[Calvein]

Je pense que tu confond avec les input de type "file", là, c'est un simple "text".

J'explique simplement le contexte : Je dois crée un formulaire avec un input ou l'on doit y mettre l'url d'une image. J'aimerai simplement pouvoir prévisualiser cette image en fonction de l'URL mis dans l'input

Je viens d'essayer quelquechose de plus simple, mais qui ne fonctionne pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function imgPreview(url){
		document.getElementById('img').src=url;
}
----------------------------------------
 
<input type="text" onchange="imgPreview(this.value);" size="150"/><br />
<img src="" id="img" />

EDIT : En fait ce second script marche

[SpaceFrog]

arf oui input type text

j'avais pas fait gaffe parce que j'étais justement sur un problème avec input type file ...

D'ailleurs si vous avez une astuce à ce propos...

Sous ffx on ne recupère pas le path complet ...
J'ai bien tenté de repasser le value de l'input file à un input text, mais nand !

[RomainVALERI]

Oui je me suis douté que tu venais de ce thread, mais comme la Nébuleuse de la Rainette c'est pas la porte à côté... l'info a dû se perdre en route ... ^^