tengo este formulario con el que valido la extension y tamaño(alto y ancho) de una imagen. El problema ocurre cuando inserto una imagen con un alto y ancho distinto al que yo quiero. la función me muestra el alert diciendo que las medidas no son validas entonces retorna falso pero por alguna razón que desconozco el formulario se envia de todas formas por mas que retorna falso en ese if(utilce una variable para ver si devolvia falso. y si devolvio falso).
Aca en la pagina me tirar error y no ejecuta, pero en el navegador funciona como mencione.
espero que alguien pueda ayudarme. No se mucho de javascript.
<script type="text/javascript">
function validar(){
var o = document.getElementById('archivo');
var foto = o.files[0];
var c =0;
if (o.files.length==0 || !(/\.(jpg|png)$/i).test(foto.name)) {
c=1;
alert('Ingrese una imagen con alguno de los siguientes formatos: .jpeg/.jpg/.png.');
}
else {
var img = new Image();
img.onload = function dimension() {
if (this.width.toFixed(0) != 900 && this.height.toFixed(0) != 400) {
c=1;
alert('Las medidas deben ser: 900 x 400');
alert(c);
}
else {
alert('Imagen correcta :)');
}
};
img.src = URL.createObjectURL(foto);
}
if(c === 1){
return false;
}
else{
return true;
}
}
</script>
<html>
<form action="" method="POST" id="formulario" enctype="multipart/form-data" onSubmit="return validar()">
<input name="archivo" id="archivo" type="file">
<input type="submit" value="Cargar" name="crear" >
</form>
</html>