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

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


person StoneHeart    schedule 13.01.2009    source источник
comment
поскольку заголовок является неприемлемым текстом, вы просите других потратить некоторое время, чтобы ответить на ваш вопрос, сделайте любезность и уделите немного времени, чтобы задать свой вопрос.   -  person AnthonyWJones    schedule 13.01.2009


Ответы (4)


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

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

Насколько я знаю, вы можете использовать свойство .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
person Aron Rotteveel    schedule 13.01.2009
comment
неправильные отчеты о высоте в IE11 - person Mild Fuzz; 04.09.2014

Ура, Google!

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

person Andrzej Doyle    schedule 13.01.2009
comment
Мне нравится давать это людям, когда очевидно, что они не гуглили: letmegooglethatforyou.com/ ?q=javascript+изображение+ширина+высота - person Dror; 13.01.2009
comment
Для меня эта самая страница является результатом того поиска Google сегодня. - person Plynx; 18.05.2011
comment
Уверяю вас, этого не было, когда я опубликовал это два с половиной года назад. :) - person Andrzej Doyle; 20.05.2011

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

person svinto    schedule 13.01.2009

person    schedule
comment
где документация на это? - person George; 05.02.2013