[HTML] img 태그 에러 날 때 대체 이미지 나오게 하기

HTML 혹은 JSP 파일에서 이미지 태그를 사용했을 때, 이미지 파일이 없어서 엑박이 뜨는 경우가 있습니다.

그런 경우 웹페이지가 굉장히 보기 싫게 되어버립니다.

이런 상황을 대비하여 만약 이미지가 나오지 않을 때, 기본 이미지를 설정하는 방법에 대해 알아보겠습니다.

 

---

 

1. 어떠한 오류로 이미지가 나오지 않을 때, onerror 옵션을 사용하여 대체 이미지를 설정할 수 있습니다.

onerror="this.src='대체 이미지 경로'"

 

 

2. 예시

<img src="/images/sample_img.png" onerror="this.src='/images/default_img.png'" alt="" />

 

 

 

이상으로 img 태그로 기본 이미지 혹은 대체 이미지를 설정하는 방법에 대해 알아보았습니다.

 

---