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

Question

Как получить реальную ширину изображения & height (cross browser) функцией 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

Yay, Google!

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

Answer 3

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

Answer 4

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