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

예, 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");