티스토리 뷰
반응형
<img id="img" src="이미지경로">
<script>
const $img = document.querySelector('#img');
const promise = new Promise((resolve, reject) => {
$img.addEventListener('load', function() {
resolve();
});
$img.addEventListener('error', function() {
reject();
});
});
promise.then(() => {
console.log('이미지 로드 성공')
}).catch(() => {
console.log('이미지 로드 실패')
})
</script>
반응형
'JavaScript' 카테고리의 다른 글
| [Javascript - ES6] Promise() then 여러 번 사용해보기 (0) | 2021.12.08 |
|---|---|
| [Javascript - ES6] Promise()로 ajax 성공 체크 (0) | 2021.12.08 |
| [Javascript] 특정 문자열 제거 - 하나만 제거, 모두 제거 (0) | 2021.12.01 |
| [Javascript] 문자열 패딩 사용해서 오른쪽 정렬하기 padStart(), padEnd() (0) | 2021.10.30 |
| [Javascript] arguments의 개념과 활용 (1) | 2021.10.28 |