Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Obtener tamaño de una imagen (en pixeles)

Estas en el tema de Obtener tamaño de una imagen (en pixeles) en el foro de Frameworks JS en Foros del Web. Hola amigos, necesito ayuda, obtener el tanmaño de una imagen ( en pixeles), el ancho y alto de la imagen. No se si se podrà ...
  #1 (permalink)  
Antiguo 18/06/2011, 14:51
 
Fecha de Ingreso: enero-2011
Mensajes: 60
Antigüedad: 13 años, 10 meses
Puntos: 0
Obtener tamaño de una imagen (en pixeles)

Hola amigos, necesito ayuda, obtener el tanmaño de una imagen ( en pixeles), el ancho y alto de la imagen. No se si se podrà hacer esto con jquery, con javascript intente, pero me sale valores 0x0 (ancho x alto). Gracias
  #2 (permalink)  
Antiguo 18/06/2011, 15:52
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 16 años
Puntos: 66
Respuesta: Obtener tamaño de una imagen (en pixeles)

intenta con esto

Código Javascript:
Ver original
  1. alert ($('#imagen').width());
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D
  #3 (permalink)  
Antiguo 18/06/2011, 16:34
 
Fecha de Ingreso: enero-2011
Mensajes: 60
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: Obtener tamaño de una imagen (en pixeles)

Obtengo la ruta, y la guardo en una variable, quiero saber el tamaño en pizeles de la imagen real. Ocupo este codigo pero a la primera me sale valores 0, luego al segundo intento me sale bien las dimensiones.

Código Javascript:
Ver original
  1. var img = new Image();
  2.                    
  3. img.src ="ruta_de_la_imagen.jpg";
  4.                    
  5.                
  6. alert(img.width + 'x' + img.height)
  #4 (permalink)  
Antiguo 18/06/2011, 17:11
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 16 años
Puntos: 66
Respuesta: Obtener tamaño de una imagen (en pixeles)

hasta que no insertes la imagen en algun nodo, no vas a poder obtener sus dimensiones
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D
  #5 (permalink)  
Antiguo 18/06/2011, 18:30
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 8 meses
Puntos: 192
Respuesta: Obtener tamaño de una imagen (en pixeles)

Podés obtener las dimensiones de una imagen sin necesidad de cargarla en un nodo:

Código Javascript:
Ver original
  1. function obtenerDimensiones() {
  2.     alert("'" + this.name + "' = " + this.width + " x" + this.height + " pixels");
  3.     return true;
  4. }
  5. function fallo() {
  6.     alert("'" + this.name + "'  no se pudo cargar.");
  7.     return true;
  8. }
  9. var myImage = new Image();
  10. myImage.name = "imagen.jpg";
  11. myImage.onload = obtenerDimensiones;
  12. myImage.onerror = fallo;
  13. myImage.src = "imagen.jpg";

Funciona al menos localmente, deberías probar si en un servidor también funciona (Estimo que demorará unos segundos hasta que la imagen se carga).
__________________
nahueljose.com.ar

Etiquetas: altoimagen, ancho, dimension
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 08:15.