¿Se puede saber el ancho/alto de 1 imagen de un input file?

[juanolo]

Quiero validar la subida de una imagen que pueda ser gif, jpg o png y que cumpla con un alto y un ancho.

La extension la valido bien pero...

¿Hay alguna manera de validar el alto y ancho de una imagen que as seleccionado mediante un <input type="file" />?

Por que claro, e visto codigos que saben sacar las dimensiones de un <img src="" /> pero para eso tendria que estar ya subida la imagen. Yo lo que quiero es validar la imagen antes de subirla desde el input file.

PD: se que se puede hacer con php, pero me interesa la opcion de hacerlo antes de tratarlo en el lado del servidor.

[maycolalvarez]

No, desde javascript no podrás hacerlo, no tiene acceso al IO, en cambio en el script del server si podrías (en php y java lo he echo, en asp no se).

[juanolo]

Iniciado por maycolalvarez

No, desde javascript no podrás hacerlo, no tiene acceso al IO, en cambio en el script del server si podrías (en php y java lo he echo, en asp no se).

Vaya, entonces seguire usando el metodo php...

Gracias maycolalvarez! ^.^

[bebo]

Yo inventé este script que funciona a tus necesidades:

Código javascript:

<script>
var ancho=800  //Puedes cambiar ésto
var alto=600  //Puedes cambiar ésto
</script>
<form action="tu upload.php" enctype="multipart/form-data" method=post onsubmit="return checar()" name=formulario>
Seleccione la imagen a subir:
<input type=file name=img><br>
<input type=submit value="subir imagen">
</form>
<img id="imagen">
 
<script>
function checar(){
var imagen=document.getElementById("imagen");
imagen.src=document.forms["formulario"].img.value;
//alert(imagen.width+" "+imagen.height);
if(imagen.width==ancho){
if(imagen.height==alto){
return true;
}else{
alert("El alto de la imágen no es correcto");
return false;
}}else{
alert("El ancho de la imágen no es correcto");
return false;
}
return false;
}
</script>