JavaScript 또는 jQuery를 사용하여 이미지의 너비와 높이를 어떻게 얻을 수 있습니까?

JavaScript로 이미지 크기 가져오기

질문:

프로그래밍 방식으로 검색할 수 있습니까? JavaScript를 사용하여 웹페이지에 있는 이미지의 크기(너비 및 높이) 또는 jQuery?

답변:

예. 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';

이 코드는 새 이미지 객체를 생성하고 여기에 로드 이벤트 리스너를 할당합니다. 이미지 로드가 완료되면 이벤트 리스너가 트리거되어 이미지의 너비와 높이를 계산하고 경고합니다. 제공된 이미지 URL을 확인하려는 실제 이미지로 바꾸세요.

jQuery:

jQuery는 이미지 크기를 검색하는 내장 기능을 제공합니다.

const imgHeight = $('img').height();
const imgWidth = $('img').width();

'$('img')' 선택기를 이미지에 적합한 선택기로 바꾸면 됩니다. 요소.

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