JavaScript - функция для получения реальной ширины и высоты изображения (кросс-браузер)

Question

Как получить реальную ширину и высоту изображения (кросс-браузер) с помощью функции JavaScript?

Answer 1

Прежде всего, у вас больше шансов получить ответ на свой вопрос, если вы просто зададите его более вежливо и предоставите как можно больше соответствующей информации.

В любом случае ...

Насколько я знаю, вы можете использовать свойство .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

Answer 2

var realWidth = $("#image").attr("naturalWidth");
var realHeight = $("#image").attr("naturalHeight");

Answer 3

Yay, Google !

Есть несколько способов сделать это в зависимости от того, что именно вам нужно (что вы бесполезно пропустили, чтобы включить). Вероятно, в простейшем смысле проще всего получить ссылку на объект Image и проверить свойства width и height.

Answer 4

JQuery + <img src="" ... id="hello" /> + $("#hello").width()