JavaScript를 사용하여 이미지 크기를 어떻게 얻을 수 있나요?-JS 튜토리얼-php.cn

JavaScript를 사용하여 이미지 크기를 어떻게 얻을 수 있나요?

Linda Hamilton

풀어 주다： 2024-12-16 08:06:12

원래의

540명이 탐색했습니다.

How Can I Get an Image's Dimensions Using JavaScript?

JavaScript로 이미지 크기 결정

JavaScript 또는 jQuery를 사용하여 웹 페이지의 이미지 높이와 너비를 검색하는 방법이 필요하십니까? 손쉽게 수행하는 방법은 다음과 같습니다.

JavaScript를 사용하여 프로그래밍 방식으로 이미지를 가져오고 크기를 확인할 수 있습니다. 방법은 다음과 같습니다.

const img = new Image();
img.onload = function() {
  alert(this.width + 'x' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

로그인 후 복사

이 코드는 새 이미지 객체를 초기화하고 이미지가 로드되면 실행될 onload 이벤트 핸들러를 정의합니다. 핸들러 내에서 이미지 객체의 너비 및 높이 속성에 액세스하여 해당 크기를 검색할 수 있습니다. src 속성에서 URL을 사용자 정의하면 지정한 이미지의 크기를 얻을 수 있습니다.

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