[HTML] img 태그에서 이미지가 깨질 때 - onerror 속성 사용하기
2020. 9. 1. 22:00
반응형
스크립트 <img> 태그를 사용하여 이미지를 추가할 때 src로 설정한 경로의 문제로 이미지가 깨지는 경우가 있습니다.
src에 지정한 소스가 문제가 생길 경우 onerror 속성을 사용하여 미리 준비해둔 대체 이미지로 변경 할 수 있습니다.
예시)
원래는 "image.jpg" 라는 이미지를 보여주는 것이 맞지만 문제가 생길 경우 "noimage.jpg"라는 이미지로 대체한다.
<html>
<head>
<body>
<img src="image.jpg" onerror="noimage.jpg" />
</body>
</head>
</html>
+
onerror는 상단에서 설명한 것처럼 이미지를 대체할 때 많이 사용하지만 error가 난 경우 범용적으로 사용 가능하다.
EX)
<!-- 에러가 발생한 경우 alert로 알려주는 코드 예시-->
<img src="image.jpg" onerror="alert('에러 발생')>
감사합니다.
반응형
'지식IT' 카테고리의 다른 글
| Spring Boot Starter Parent의 역할은? pom.xml (0) | 2022.11.25 |
|---|---|
| [Clean Code] Clean Code 1장 깨끗한 코드를 읽고 (0) | 2022.02.14 |
| [HTML/CSS] 테이블을 화면 중앙으로 정렬하기 ( margin : auto ) (0) | 2020.08.15 |
| [Azure] 이클립스에서 Azure 웹앱 쉽게 배포하기 (1) | 2020.08.01 |
| [Java] File.delete() 파일 및 폴더 삭제 메소드 (1) | 2020.07.24 |
이 글을 공유합시다
