[javascript] 이미지 태그 (img) 추가 시 비동기 처리

by 
const imgUrl = "이미지URL 또는 이미지 코드"
const imgElem = document.createElement("img")

imgElem.decode().then(() => {
  console.log("img ready, this will log second");
  document.body.append(imgElem);
});

단순히 이미지 로드만 비동기 처리하려면 아래와 같이 처리하면 된다.

const img = new Image();
img.src = '이미지URL 또는 이미지 코드';
img.decode()
.then(() => {
  document.body.appendChild(img);
})
.catch((encodingError) => {
  // Do something with the error.
})

Leave a Comment