JavaScript를 사용하여 이미지 크기 결정

웹 페이지에 표시되는 이미지의 크기에 프로그래밍 방식으로 액세스해야 합니까? JavaScript는 간단한 솔루션을 제공합니다.

해결책:

JavaScript는 이미지 크기를 검색하는 간단한 접근 방식을 제공합니다.

1. 새로운 이미지 객체:

   const img = new Image();

2. 이미지 크기가 사용 가능해지면 캡처하도록 onload 이벤트 리스너를 설정합니다.

   img.onload = function() {
     alert(this.width   'x'   this.height);
   }

3. 이미지 로드:

   img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

이미지 로딩 시 onload 이벤트가 트리거되어 이미지의 너비와 높이를 경고 상자에 표시합니다. 이 기술을 사용하면 웹페이지에 있는 모든 이미지의 크기에 쉽게 액세스할 수 있습니다.