요청시 이미지로드 보장

Question

captcha 이미지 리로딩을 지원하는 PHP에서 captcha 이미지 검증을 작성했습니다. 다시로드하는 동안 스크립트는로드 대기 애니메이션 이미지를 표시합니다. 느린 인터넷 연결을 사용하면 이미지 표시가 지연됩니다. 내가 다시로드 기능을 사용하기 전에 클라이언트의 캐시에 그것의 로딩을 보장하기 위해 숨겨진 이미지로 보안 문자 스크립트에 대한 클라이언트 측 스크립트의 처음에이 이미지를 삽입하여이 문제를 해결 :

<img src="captcha_loading.gif" style="display:none" /> 

내 질문은을 수행 이 지연 문제를 해결하는 더 좋은 방법은? 또는 다른 더 좋은 방법이 있습니까?

당신은 페이지에 별도의 요소가 필요없이 메모리 (캐시)에서 그래픽을로드 강제로 일부 자바 스크립트를 사용할 수

Answer 1

:

Image capchaImage = new Image(); 
capchaImage.src = "/path/to/captcha_loading.gif"; 
capchaImage.onload = function(){ 
    ///Do something when image is done loading 
    document.getElementById('capcha').src = capchaImage.src; 
    document.getElementById('capcha').style.display = 'block'; // or inherit 
} 

을