[Javascript - ES6] Promise()로 이미지 로딩 성공/실패 체크하기

 

 

<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>