JavaScript - функция для получения реальной ширины и высоты изображения (кроссбраузерный)
-
22-07-2019 - |
Вопрос
Как получить реальную ширину и высоту изображения (кроссбраузерное) с помощью функции JavaScript?
Решение
Прежде всего, у вас больше шансов получить ответ на свой вопрос, если вы просто зададите его более вежливо и предоставите как можно больше релевантной информации.
В любом случае...
Насколько я знаю, вы можете использовать .width
собственность практически во всех браузерах:
function getDimensions(id) {
var element = document.getElementById(id);
if (element && element.tagName.toLowerCase() == 'img') {
return {
width: element.width,
height: element.height
};
}
}
<img id="myimage" src="foo.jpg" alt="" />
// using the function on the above image:
var dims = getDimensions('myimage');
alert(dims.width); --> shows width
alert(dims.height); --> shows height
Другие советы
var realWidth = $("#image").attr("naturalWidth");
var realHeight = $("#image").attr("naturalHeight");
Да, Google !
Есть несколько способов сделать это в зависимости от того, что именно вам нужно (что вы бесполезно пропустили, чтобы включить). Вероятно, в простом смысле проще всего получить ссылку на объект Image и проверить свойства width
и height
.
jquery + < img src = " " ... id = " привет " / >
+ $ (" # hello "). width ()