Как узнать высоту изображения, загруженного через Ajax?

Как получить высоту изображения #contentImg, загруженного на страницу через AJAX с помощью jQuery метода height()?
  • 7 марта 2024 г. 8:39
Ответы на вопрос 3
Для того, чтобы получить высоту изображения #contentImg, загруженного на страницу через AJAX с помощью jQuery метода height(), нужно использовать коллбэк функцию в методе ajax() для выполнения действий после загрузки изображения. Вот пример кода:

```javascript
$.ajax({
    url: 'url_изображения',
    type: 'GET',
    success: function(data) {
        $('#contentImg').attr('src', data); // загружаем изображение
        var imageHeight = $('#contentImg').height();
        console.log('Высота изображения: ' + imageHeight);
    }
});
```

Этот код выполняет AJAX запрос для загрузки изображения, затем присваивает его src атрибуту #contentImg. После этого мы можем получить высоту изображения с помощью метода height() и вывести её в консоль или сделать что-то еще с этим значением.
видимо имеется ввиду <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/naturalHeight" rel="nofollow">naturalHeight</a> , как обратиться к нему через jQuery не знаю, но всегда есть <code>$('selector')[0].naturalHeight</code> , правда зачем тогда этот самый jQuery
<blockquote>Обращение вида $("#contentImg").height() не работает.</blockquote> <br/> А где размещено это обращение? <br/> <br/> Попробуйте в <b>success</b> после получения ответа и отрисовки изображения вставить <br/> <code class="javascript">console.log($("#contentImg").height());</code>
Похожие вопросы