본문 바로가기

Script/JavaScript

image onerror function (클라이언트 측에서 이미지를 표시하지 못하는 경우 대체 이미지 표현)

서버 측에서 코딩 된 이미지중. 깨진 이미지의 경우..
"파일이 없습니다." 와 같은 이미지를 자동으로 클라이언트 측에서 구현 할 수 있다..

방법은 상당히 간단하다.

image Tag에는 OnError 라는 이벤트를 가지고 있는데.
이미지를 표현하지 못하는 경우 OnError 이벤트를 발생시켜 대체 이미지로 변환 가능 하다.

아래와 같은 코드 한 줄이면 끝~


;


참 간단하다 *_*;;;