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.
Tutores.org
Mostrando Codigo - Javascript
CODIGO
# Codigo ofrecido por Tutores.org
- <script type="text/javascript">
- var mi_imagen = new Image();
- mi_imagen.src="/tutores/images/mundo.gif";
- document.write("Tamaño de imagen: ");
- document.write(mi_imagen.height+'x'+mi_imagen.width);
- document.write("<br><img src="+mi_imagen.src+">")
- </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 -->
<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
neilmasneilmas
1
5
te pasaste mano tu si vales la pena
FUNCIONA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
no como otros idiotas q postean basura y q no sirve...
FUNCIONA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
no como otros idiotas q postean basura y q no sirve...
Comentario usuario
vidvid
3
5
Muchísimas gracias por la aportación, funciona a la perfección. Pensaba usar php pero es más engorroso. Gracias.
Comentario usuario
donKsperdonKsper
4
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
A alguien le ocurre algo parecido…
ksp
Comentario usuario
ValmountValmount
2
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
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