JavaScript를 사용하여 이미지 크기를 어떻게 얻을 수 있습니까?

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 이벤트는 경고 상자에 이미지의 너비와 높이를 트리거하고 표시합니다. 이 기술을 사용하면 웹페이지에 있는 모든 이미지의 크기에 쉽게 액세스할 수 있습니다.

위 내용은 JavaScript를 사용하여 이미지 크기를 어떻게 얻을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!