Question

이 내 코드입니다 :

if(resp.status > 0) 
{ 
    $('#download-stuff').html('<img src="/public/images/tick.png" alt="Ready" /> Your download should start shortly'); 
    window.location = 'http://site.com/download.php/' + fileID + '/' + resp.ticket; 
} else { 
    alert("you have downloaded too much"); 
} 

문제는 내가 download-stuff 사업부의 HTML을 변경할 때, 이미지 tick.png가 나타나지 않는다는 것입니다. 일부 디버깅 후 window.location 호출을 사용하면 브라우저가 눈금 아이콘과 같은 보류중인 요청을 취소하므로 페이지에 나타나지 않습니다.

이미지를 페이지에 미리로드하지 않아도 문제를 해결할 수있는 방법이 있습니까?

감사합니다.

Answer 1

간단하게 : 그냥 존재하는 이미지로 시작하지만 숨겨진 : 다운로드가 시작하는 것입니다 경우에만 jQuery 코드에서 다음

<div id="download-stuff" style="display:none"> 
    <img id="downloadTick" src="/public/images/tick.png" alt="Ready"/> 
    Your download should start shortly 
</div> 

이미지를 보여

if(resp.status > 0) 
{ 
    $('#download-stuff').show(); 
    window.location = 'http://site.com/download.php/' + fileID + '/' + resp.ticket; 
} else { 
    alert("you have downloaded too much"); 
}