업로드 된 이미지의 크기

Question

사용자가 업로드 한 이미지의 크기를 가져와야합니다. 이미지를 'img'태그로로드 한 파일 업로드 버튼이 있고 img의 크기에 따라 img 요소 속성이 설정됩니다. 사용자가 치수 (222) X (227)의 이미지를 업로드

<img id="img"> 

그것에 렌더링 치수는 :

<img id="img" width="222" height="227"> <!--verified by inspecting the element --> 

I 원할 본질적 페이지 로딩시 이미지 태그 훨씬 이렇 업로드 된 이미지의 크기를 검색하고 내 스크립트 인 jQuery를 사용하고 있습니다.

$('#img').attr('width') OR $('#img').attr('height'); 

반환 값은 'undefined'입니다. 또한 $('#img').attr('src')은 요소를 검사 할 때 실제로 이러한 특성이 올바른 값으로로드되도록 표시하더라도 undefined을 반환합니다.

이미지가 업로드되었지만 아마도 DOM에 추가되지 않았다고 결론 내릴 수 있습니까?

아무도 몰라요?

$('#img').load(function(){ 
    console.log($('#img').attr('width')); 
}); 

나에게 내가 원하는 치수를 제공합니다

Answer 1

좋아, 나는이 도움이하고, 무슨 일이야 알아 냈어. 그러나, 나는 왜 여기에 load() 함수 콜백을 할 필요가 있는지 전혀 알지 못한다.