[HTML] img 태그 엑박일 때 onerror 처리

1. 대체 이미지 노출 ( 예시. 네이버 로고로 대체 )

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

2. 숨기기

: 나는 이 방법을 사용하여 게시판에 이미지를 업로드 하지 않은 보이지 않게 했다.

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

3. DOM 자체를 삭제 ( IE에서는 removeNode() 함수를 사용해야 함 )

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

4. 함수사용  * 대체 이미지도 없으면 무한 루프에 걸린다.

<img src="noimg.jpg" onerror="noImage()" />

<script type="text/javascript">
function noImage() {
   $("img").attr("src", "대체할 이미지.jpg");  
}
</script>

 

 

(참고출처) https://zxchsr.tistory.com/16