[jsp] img 태그 에러처리 방법

※ 대체 이미지 보여주기

이미지가 링크가 없어졌을때 “이미지가 없습니다” 라는 대체 이미지를 보여주고 싶다면, onerror 에서 src 속성을 대체 url로 바꿔주도록 하면 됩니다. 아래는 네이버 로고로 대체하도록 되어있습니다.

<img src="noimg.jpg" onerror="this.src='https://s.pstatic.net/static/www/img/uit/2019/sp_search.svg';"/>

※ 숨기기

대체 이미지를 보여주는것이 적당하지 않다고 생각될때는 그냥 숨길수도 있습니다. 이미지가 깨진 상태로 보이는것보다 훨신 깔끔하겠죠.

<img src="noimg.jpg" onerror="this.style.display='none';"/>

이미지를 숨기는것이 아니라 DOM 자체를 삭제할수도 있습니다. IE에서는 removeNode() 함수를 사용해야 합니다.

<img src="noimg.jpg" onerror="this.remove ? this.remove() : this.removeNode();"/>

출처: https://sub0709.tistory.com/126 [쓸데없는 코딩하기]