외부 이미지를로드하기 전에 브라우저 캐시를 확인하십시오.

Question

자바 스크립트가 이미지로드 여부를 확인하기 위해 cilent 캐시에 액세스하고 싶습니다.이 작업을 수행 할 수 있습니까? 아니면 같은 기점 오류가 발생합니까?

또한 무엇을하지 않는 웹 사이트에 발생

CCESS-Control-Allow-Origin :을 모든 설정?

Answer 1

당신이하려는 일을 잘 모르지만 대부분의 브라우저가이를 처리합니다.

이것은 전체 이미지를 요청하기 전에 일반적으로 캐시 된 이미지의 '최종 수정 날짜'를 서버에 보내고 캐시 된 리소스가 변경되지 않으면 서버가 304 unmodified 상태로 응답 함을 의미합니다.

http://betterexplained.com/articles/how-to-optimize-your-site-with-http-caching/

1. 브라우저 : 자세한 내용은

   이 링크를 확인 이봐, logo.png 줘,하지만 3 월 (16) 이후에 수정 된 유일의 경우, 2007 년

2. 서버 : (수정 날짜 확인)
3. 서버 : 이봐, 너 운이 좋다! 해당 날짜 이후로 수정되지 않았습니다. 최신 버전이 있습니다.
4. 브라우저 : 멋지다! 캐시 된 버전을 사용자에게 표시합니다.

Answer 2

당신은 이미지 캐시에 있는지 여부를 테스트하기 위해 (this question에서 복사)이 기능을 사용할 수 있습니다.

function cached(url) { 
    var test = document.createElement("img"); 
    test.src = url; 
    return test.complete || test.width+test.height > 0; 
} 

사실은 브라우저가 이미지를 캐시 한 후, 브라우저가 당신을 위해 모든 것을 할 것입니다 당신이 캐시에서 이미지를로드하기위한 추가 필요가 없습니다입니다.

따라서 일반 용지를 삽입하십시오. 브라우저가 그 일을하도록하십시오.