Realicé algunas tareas de código simples y descubrí que puedo obtener el alto y el ancho de img descargado por sus atributos img.height e img.width, sin agregarlo a DOM. ¿Esto es cruzado? No se pudo encontrar ninguna información sobre este comportamiento.
Puede usar naturalWidth y naturalHeight para ese requisito. Representan la anchura y la altura originales , respectivamente, de la imagen.
naturalWidth : el ancho original de la imagen utilizada en la etiqueta.
width : el valor/valor predeterminado del atributo de ancho de la etiqueta.
naturalHeight : la altura original de la imagen utilizada en la etiqueta.
height : el valor/valor predeterminado del atributo de altura de la etiqueta.
Por ejemplo:
let src = 'http://www.fillmurray.com/g/400/600'; let img = document.createElement('img'); img.onload = () => { console.log(`naturalWidth = ${img.naturalWidth}`); console.log(`naturalHeight = ${img.naturalHeight }`); } img.src = src; Más información sobre naturalHeight : https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/naturalHeight
Más información sobre naturalWidth : https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/naturalWidth