aprecu image avec dimension

Version imprimable

Bonjour,
Voila je souhaite pouvoir faire une sorte d'apercu d'une imege avec des dimensions.
Pour cela j'ai :
un formulaire:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<SCRIPT language="javascript">
   function ouvre_popup(page) {
       window.open(page,"nom_popup","menubar=no, status=no, scrollbars=no, menubar=no, width=300, height=500");
   }
   </SCRIPT>
<body> 
 <form  method="POST" ENCTYPE="multipart/form-data" action = "actionCreerLogo.asp">
<table summary="" border="1">
	<tr>
		<td> Logo : (uniquement les fichiers .gif)</td>
		<td><img src="" width="" heignt=""></td>	</tr>
	<tr>
		<td colspan="2"><input type="file" name="srcLogo" id="srcLogo" value="Parcourir"></td>
	</tr>
	<tr>
		<td colspan="2">Taille</td>
	</tr>
	<tr>
		<td>hauteur :</td>
		<td><input type="text" name="hauteur" size="2" id="hauteur"></td>
	</tr>
	<tr>
		<td>Largeur : </td>
		<td><input type="text" name="largeur" size="2" id="largeur"></td>
	</tr>
	<tr>
		<td><input type="button" value="Aperçu" onClick="Apercu()"></td>
		<td><input type="submit" value="OK"></td>
	</tr>
</table>
</form>
</body>

et j'aimerai avoir une fonction "Apercu" du style:

Code:

1
2
3
4
5
6
function Apercu(){
   	  if (document.getElementByID('srcLogo').value != "" && document.getElementByID('hauteur').value != "" && document.getElementByID('largeur').value != "" )
	  	{
 
   		}
   }

qui verifie donc ques les champs sont remplis et qui, s'ils ont remplis, m'affiche l'image chargée dans mon input file ici, voila,
Davance merci de votre aide!!

19/02/2007, 11h16
Romalafrite

impossible, l'image doit être chargée niveau serveur, tu ne peux pas faire afficher une image qui se trouve sur le disque dur du client.
19/02/2007, 11h22
Romalafrite
Citation:

Envoyé par Romalafrite

impossible, l'image doit être chargée niveau serveur, tu ne peux pas faire afficher une image qui se trouve sur le disque dur du client.

en fait, si, mais lui seul pourra voir son image :
Code:

1 2 3 4 5 <form name="test" action=""> <input type="file" onblur="document.getElementById('test').src='file:///'+this.value;" /> </form> <img id="test" />
19/02/2007, 15h48
Alex35
merci mais ce que j'aimerais aussi c'est joué avec les dimensions, recuperes dans des textboxs, du style test.height = document.getelementbyid('hauteur').value....
Un truc comme cela??8O

G trouvé!!!!
Code:

1 2 <input type="button" value="Aperçu" Onclick="apercu.src=srcLogo.value,apercu.height=hauteur.value,apercu.width=largeur.value">
marche nickel, merci de votre aide!!