Как получить img height без добавления этого изображения в DOM?

Question

У меня есть оригинальное изображение в data-attr моего элемента. Я хочу получить высоту этого изображения. Но я не хочу добавлять изображение в DOM. Как я могу получить рост? Мой код:

const imgSrc = $target
  .closest('.js-photo-item')
  .find('.photos__img--value')
  .data('original-image');
const $img = $(new Image()).attr('src', imgSrc);

console.log($img.height()) // this return 0

Answer 1

const imgSrc = $target
    .closest('.js-photo-item')
    .find('.photos__img--value')
    .data('original-image');
  const $img = $(new Image()).attr('src', imgSrc);

  $img.on('load', () => {
    console.log($img[0].height) // return height img
  });

Спасибо George P пользователю.Его ответ выше ...

Answer 2

Вам нужно подождать, пока изображение загрузится в первую очередь, а не пытаться сразу проверить высоту. См. Например, https://stackoverflow.com/a/14134416/922613