• 카테고리

    질문 & 답변
  • 세부 분야

    프로그래밍 언어

  • 해결 여부

    미해결

img.onload

21.12.04 19:01 작성 조회수 168

1

L.map(img => new Promise(resolve => {

  img.onload = () => resolve(img);

  img.src = img.getAttribute('lazy-src'); }

위 코드에서 promise를 리턴하는 이유는 이미지가 로드됐을때 img를 보내주고 싶기 떄문에 하는 것이 맞나요?  

그리고 img.src가 onload보다 밑에 위치하는데 이는 onload는 이벤트를 등록하는 것이고 src가 들어갔을때 onload이벤트가  실행되면서  이때 resolve가 img를 담아 리턴한다고 보면 되나요?

답변 1

답변을 작성해보세요.

1

네 거의 모두 맞고 src를 넣으면 이미지가 다운로드된 후 onload가 울립니다 :)