2

Quiero guardar en unas variables el alto y ancho de una imagen que se carga a través de JavaScript (no librerías, plugins, frameworks, etc.) utilizando su URL.

img[i].addEventListener('mouseover', function(){
    link = this.parentElement.href;
    var w, h;
    document.getElementById('thread').insertAdjacentHTML('afterbegin', '<div id="lightbox"><img src="' + link + '"></div>');
}, false);

Donde la variable link es la cadena de texto de la URL de la imagen, la cual quiero utilizar para guardar el alto y ancho de la imagen en las variables w y h con algo similar a:

w = link.width;
h = link.height;

1 respuesta 1

1

En esta respuesta de SOeng te explica 3 maneras de hacerlo.

Ya que no quieres jQuery, te recomiendo usar esta:

Primero crea una imagen y se le añade un evento load para que muestre sus valores width y height pero es para que sea visual.

function getMeta(url){   
    var img = new Image();
    img.addEventListener("load", function(){
        alert( this.naturalWidth +' '+ this.naturalHeight );
    });
    img.src = url;
}

getMeta("http://www.imagen.com.mx/assets/img/imagen_share.png");

2
  • esto puede ser usado en un proyecto de cordova?
    – Juan Saa
    Commented el 3 feb. 2018 a las 15:33
  • @JuanSaa supongo que sí
    – lois6b
    Commented el 3 feb. 2018 a las 18:47

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.