Foros del Web » Programando para Internet » Javascript »

Validar tamaño(alto y ancho) de imagen en un formulario

Estas en el tema de Validar tamaño(alto y ancho) de imagen en un formulario en el foro de Javascript en Foros del Web. Después de tanto insistir, he decido pedir ayuda. La cuestión es esta: 1)Necesito validar un file dentro de un formulario, que me permita solo subir ...
  #1 (permalink)  
Antiguo 17/06/2009, 19:22
Avatar de De_la_Cuesta_13  
Fecha de Ingreso: abril-2009
Ubicación: Cali, Colombia.
Mensajes: 265
Antigüedad: 15 años
Puntos: 14
Validar tamaño(alto y ancho) de imagen en un formulario


Después de tanto insistir, he decido pedir ayuda. La cuestión es esta: 1)Necesito validar un file dentro de un formulario, que me permita solo subir imágenes. Esto ya lo he conseguido. Ahora, 2)quisiera validar el ancho y alto de la imagen, por ejemplo, que el archivo a subir(en este caso la imagen) no exceda un tamaño de 150x100 pixeles(por ej). He visto algo relacionado:
Código HTML:
//Dentro del script y la función que valida
var imagenAChequear;
imagenAChequear = new image;
imagenAChequear.src= document.formulario.archivo.value;
if(imagenAChequear.width>150){
alert("Has excedido el ancho posible");return false;}
//formulario
<input type="file" id="archivo" name="archivo"/> 
Ya he intentado solucionar esto, pero no lo consigo. Espero puedan ayudarme. Gracias.
  #2 (permalink)  
Antiguo 17/06/2009, 19:37
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: Validar tamaño(alto y ancho) de imagen en un formulario

en mi opinion no hay metodo seguro para realizar dicha tarea en lado cliente, o sea con javascript. la razon es porque la propiedad value devuelve diferentes valores segun el navegador. considera por ejemplo Fx y MSIE: Fx devuelve solo el nombre del archivo con su extension a pesar de que en el campo aparece con la ruta completa (Fx en WinXPProSP3), sin embargo con MSIE7 devuelve la ruta con el nombre de archivo y extension. como veras, te funcionara parcialmente para MSIE7 (tambien tienes que corregir la ruta de backslashes a foward slashes y agregarle el protocolo file:///.

por tanto, yo pienso que la mejor solucion es, mendiante instruccion, indicarle al usuario sobre el tamaño maximo y realizar la validacion de la imagen en el servidor.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 18/06/2009, 06:38
Avatar de Legoltaz  
Fecha de Ingreso: agosto-2008
Mensajes: 325
Antigüedad: 15 años, 8 meses
Puntos: 6
Respuesta: Validar tamaño(alto y ancho) de imagen en un formulario

Para eso deberías hacerlo con PHP, con la función getimagesize()
  #4 (permalink)  
Antiguo 19/11/2009, 23:46
 
Fecha de Ingreso: agosto-2007
Ubicación: Duitama Boyaca Colombia
Mensajes: 18
Antigüedad: 16 años, 8 meses
Puntos: 1
Respuesta: Validar tamaño(alto y ancho) de imagen en un formulario

Un poco tarde pero de pronto sirve a otros.

El ancho y Alto de una imagen SOLO se pueden verificar en el IE.
Asi que si usas Firefox o otro no devuelve esas propiedades.

Pensando, creo que se podria hacer si se hiciese un formulario en flash, y (creo.) talvez ahi se pueda verificar esas propiedades.
  #5 (permalink)  
Antiguo 20/11/2009, 05:57
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Validar tamaño(alto y ancho) de imagen en un formulario

Hola

Como ya se ha mencionado ha de ser del lado del cliente. Caricatos te da la solución
Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #6 (permalink)  
Antiguo 20/11/2009, 06:42
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Respuesta: Validar tamaño(alto y ancho) de imagen en un formulario

Quizá les ineterese ver este hilo, que tiene algunos experimentos, aunque la conclusión es que sólo Firefox 3 permite una buena validación del lado del cliente:
http://www.forosdelweb.com/f77/image...9/#post3167919
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:21.