Hola AlMutamid, bienvenido a los foros
:
Sí, esa pregunta ya la he visto, y la he contestado, pero hay veces que no es fácil encontrar lo que se busca, así que no te preocupes.
Lo que pasa es que las imágenes tardan algo en cargarse, así que es recomendable hacer un bucle consultando el atributo complete de las imágenes, que indica que se han cargado, y es entonces cuando los valores width y height son fiables...
Retocando tu código, podría ser así:
<html>
<head><title>probando</title>
<script type="text/javascript">
var img;
function cargando() {
if (img.complete) {
document.getElementById('ancho').value = img.width;
document.getElementById('alto').value = img.height;
}
else
setTimeout("cargando()", 100);
}
function dimensionesImagen(){
var xxx=document.getElementById('DATEINAME').value;
img=document.createElement('img');
img.src = xxx;
cargando();
}
</script>
</head>
<body>
<form method="get">
<INPUT size="30" maxlength="30" type="file" id=DATEINAME name=DATEINAME onchange="dimensionesImagen();">
<input type="hidden" id="ancho" name="ancho"/>
<input type="hidden" id="alto" name="alto" />
<div id="prevImage"></div>
<input type="submit" value="vamos alla"/>
</form>
</body>
</html>
Lo hice un poco a ojo, pero si no hay errores de sintaxis, debería funcionar.
Saludos
