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