mostrar imagen antes de submit

[undariarose]

Hola a todos

me gustaría que me echaseis una mano con este problema que tengo. Tengo un formulario en el que se suben unas imágenes a la web, uno de cuyos campos es:

Código HTML:

<input type='file' id='photo1f' name='photo1' onchange='cambiafoto1()'  /><div id='imgphoto1'></div>
<div id='datosf1'></div> 

lo que me interesa es que al añadir una imagen, al cambiar el valor del campo, en una capa se cargue la imagen y en la otra el algo y el ancho que tiene.

La función js que tengo es:

Código HTML:

<script type="text/javascript">
function cambiafoto1(){
	foto1= new Image();
	foto1.src=document.getElementById("photo1f").value;

	if (foto1.height>700) altofoto="<img src='../Imagenes/visu/no.gif'><span class='rojo'>alto= "+foto1.height+"</span><br/>";
	else altofoto="<img src='../Imagenes/visu/ok.gif'>altura= "+foto1.height+"<br/>";
	
	if (foto1.width>700) anchofoto="<img src='../Imagenes/visu/no.gif'><span class='rojo'>ancho= "+foto1.width+"</span><br/>";
	else anchofoto="<img src='../Imagenes/visu/ok.gif'>anchura= "+foto1.width+"<br/>";	
		

	if (foto1.height>1)	
	document.getElementById("imgphoto1").innerHTML= "<img src='"+document.getElementById("photo1").value+"' width='120px'>";
	document.getElementById("datosf1").innerHTML=altofoto+anchofoto;
}

</script> 

el caso es que el alto y el ancho que me da es cero. ¿sabeis dónde puede estar el fallo?

gracias y un saludo

[Panino5001]

La imagen no existe para javascript (salvo una implementación especial que únicamente funciona en Firefox 3) hasta que la subís al servidor y realizás ciertos intercambios con el mismo. Es un tema que se trató muuuchas veces y que seguramente encontrarás usando el buscador del sitio.