image miniature + javascript

[xoran]

Bonjour à tous,

Ce code devrait faire apparaître une vignette de l'image sélectionnée dans la zone de texte "file", juste à côté de celle-ci.

Apparemment mon code ne fonctionne pas sous Gecko... .

Code : Tout sélectionner

 ... 

<script type="text/javascript">
	function view_img(img_name){
	  document.getElementById("img_vv").src =document.getElementById("upfile").fichier.value;
  	  document.getElementById("img_vv").width = 100;
	}
</script>

<form id="upfile" name="upfile" method="post" action="admin_gallery.php?action=encod&frm=encod" enctype="multipart/form-data">
			<table width="730"  border="0" align="center" cellpadding="2" cellspacing="2"> 
				
				<tr>
					<td align="left"><span class="Txt"><strong>Photo :</strong></span></td>
					<td width="80%" ><input type="file" name="fichier" size="40" class="ChampsModif" onchange="javascript:view_img(img_name);"> <img src='' id='img_vv' name='img_vv' width='0' border='0' align='absmiddle'></td>
				</tr>
				<tr>
					<td width="100%" colspan="2" align="center">
						<input type="submit" name="submit" value="Enregistrer" class="Btn"></td>
				</tr>
			</table> 
</form> 

... 

Une âme charitable aurait-elle une solution ou une correction afin d"éclairer ma lanterne.

D'avance merci.



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

[Benoit]

Est-ce qu'il y a des erreurs dans la console JavaScript ? C'est le premier endroit où regarder quand quelque chose ne fonctionne pas.

La première chose que je vois, c'est que ton paramètre img_name n'est utilisé nulle part dans ta fonction. La seconde c'est que tu essaies probablement d'afficher un fichier qui se trouve sur ton disque dur et non sur le serveur où se trouve la page, ce qui est bien entendu interdit pour des raisons de sécurité.

P.S. Pourquoi tous ces \ ? C'est du code à générer par un autre langage genre PHP ? Le résultat serait plus facile à lire.

[xoran]

La console ne donne pas d'erreur j'avais vérifié auparavent mais en effet la valeur passée en paramètre à la fonction ne sert à rien... . Je l'ai donc supprimée. J'ai également retiré les backslash de mon code pour une meilleure visibilité (code PHP).

Le but est de prévisualisé une image avant de l'uploader sur le serveur. L'image devant apparaître à coté du champs texte de sélection.

Et pour finir, j'ai la réponse à ma question en effet l'image se trouve sur le disque dur client. Ce qui empêche son accès et donc sa visualisation.

Au niveau sécurité c'est impecc mais pour le développement d'un intranet cette sécurité m'a déjà posé d'autres problèmes (accès à des fichiers sur le réseau).

Je sais également qu'il est possible via la commande (about:config) de lever la sécurité mais ce n'est pas comme cela que j'aime travailler.

Je te remercie de m'avoir répondu, cela m'a permis d'ouvrir un peu plus grand les yeux.

P.S. : une autre soluce ou direction à suivre serait la bienvenue pour effectuer tout de même cette prévisualisation.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

[Benoit]

Tu peux effectivement donner des privilèges spéciaux aux sites faisant partie de ton Intranet en ajoutant quelques lignes à tes fichiers de configuration.

Mais si tu n'aimes pas ça, il va falloir transmettre le fichier quand même. Peut-être que tu pourrais bidouiller quelque chose avec un bouton 'aperçu' déclenchant une soumission du formulaire via XMLHttpRequest ? Je n'ai jamais essayé donc je ne sais pas si ça marcherait

[xoran]

Je vais essayer et ne manquerai pas de revenir, pour peut-être donner la soluce.

Merci.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; Maxthon; InfoPath.1; .NET CLR 2.0.50727; .NET CLR 1.1.4322)