Publicentral.com - promocion,paginas,web,tutores,publicentralPromocion de paginas webs
Mostrando Codigo - Javascript
Code

Javascript - Obtener el tamaño de una imagen

Códigos Javascript

Cuando queremos conseguir el alto y ancho de una imagen especifica este codigo puede ser muy util. Debemos modificar la linea 3 con la url de la imagen.
Visitas: 34,497 - 23/07/2004 21:29:54
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <script type="text/javascript">
  2. var mi_imagen = new Image();
  3. mi_imagen.src="/tutores/images/mundo.gif";
  4. document.write("Tamaño de imagen: ");
  5. document.write(mi_imagen.height+'x'+mi_imagen.width);
  6. document.write("<br><img src="+mi_imagen.src+">")
  7. </script>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Obtener el tamaño de una imagen" href="http://www.tutores.org/codigo/1209/" target="_blank">Obtener el tamaño de una imagen</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
17-06-2009 19:28:52
2 5
Parece que no, pero... ¡funciona!
Comentario usuario
neilmas
5 5
te pasaste mano tu si vales la pena
FUNCIONA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
no como otros idiotas q postean basura y q no sirve...
Comentario usuario
vid
5 5
Muchísimas gracias por la aportación, funciona a la perfección. Pensaba usar php pero es más engorroso. Gracias.
Comentario usuario
donKsper
1 5
Funciona a la perfección... con la única excepción que la primera vez que leo la imagen me arroja ANCHO 0 (cero) x LARGO 0 (cero)… una vez actualizada la página, o abriéndola otra vez, no hay problema!

A alguien le ocurre algo parecido…

ksp
Comentario usuario
Megara
1 5
Si ami me pasa lo mismo y aun no se como solucionarlo
Comentario usuario
Valmount
4 5
var mi_imagen = new Image();
mi_imagen.src = mi_imagen.src="/tutores/images/mundo.gif";

mi_imagen.onload = function () {
alert("---++ Ancho: " + this.width + " Alto: " + this.height);
//todo lo que quieran hacer con los valores alto y ancho van en la funcion onload
}

con eso pueden trabajar con los valores eliminando cache, incluso valores que para autorefrescar le agreguen el getdate
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.