कैसे जांचें कि किसी छवि को जेएस में कैश किया गया था या नहीं?

Question

जब मैं एक साक्षात्कार में शामिल हुआ, तो मुझे सवाल पूछा गया, मुझे नहीं पता था कि इसका जवाब कैसे दिया जाए।

आप सवाल का प्रमुख मुद्दा जानते हैं?

Answer 1

चेक अगर Image वस्तु की complete विशेषता true है:

function is_cached(src) { 
    var image = new Image(); 
    image.src = src; 

    return image.complete; 
} 

यह काम करने के लिए (हालांकि यह छवि को लोड चल जाएगा कि उसे कैश में नहीं है, नहीं हो सकता है जो लगता है कि तुम क्या चाहते हैं):

> is_cached('http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=3') 
false 
> is_cached('http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=3') 
true 

Answer 2

आप जांच कर सकता है जैसे:

function is_cached(img_url){ 
    var imgEle = document.createElement("img"); 
    imgEle.src = img_url; 
    return imgEle.complete || (imgEle.width+imgEle.height) > 0; 
} 

//and check, returns true or false depending on cached or not 
is_cached("http://www.somesite.com/some_image.jpg");