이미지 크기를 비례적으로 줄이는 JS의 예_javascript 기술

사용자 경험을 개선하기 위해 웹사이트 사용자가 이미지를 업로드할 때 우리는 사용자가 요구 사항을 충족하도록 이미지를 직접 처리하도록 허용할 수 없습니다.

일반적으로 Taobao의 상품 실제 디스플레이와 같은 페이지에서 제어해야 할 주요 사항은 이미지 너비입니다.

HTML 페이지의 파싱 순서로 인해 발생할 수 있는 몇 가지 문제를 고려하여 간단한 함수를 정의한 후 img 요소에 onload 이벤트를 추가하여 호출하는 방식으로 구현하기로 했습니다.

JS 부분

코드 복사 코드는 다음과 같습니다.

HTML 호출부

코드 복사

코드는 다음과 같습니다.