이미지를 표시하는 방법 즉시 다운로드를 기다린 후

Question

다운로드 후 이미지를 표시하려면 어떻게 자바 스크립트를 사용할 수 있습니까?

Image.onload를 시도했지만 이미지를 조금씩 보여줍니다. 아마도 브라우저가 이미지를 다운로드하고 동시에 렌더링하기 때문일 수 있습니다.

전체 이미지를 다운로드하고 전체 이미지를 렌더링 한 다음 전체 이미지를 즉시 표시하려면 어떻게해야합니까?

Answer 1

는 먼저 있다면, 그것을

var image = new Image(); 
var src = '/url/to/image.png'; 

image.onload = function() { 

    var img = document.createElement('img'); 
    img.src = src; 

    document.body.appendChild(img); 

} 

img.src = src; 

if (img.complete) img.onload(); // old IE hack 

을 보여 이미지 요소 및 부하를 생성