come verificare se un'immagine è stata memorizzata nella cache in js?

Question

quando sono entrato in un'intervista, mi è stata fatta la domanda, non sapevo come rispondere.

Conosci il punto chiave della domanda?

Answer 1

Verificare se l'attributo complete dell'oggetto Image è true:

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

    return image.complete; 
} 

Sembra funzionare (anche se sarà caricare l'immagine, se non è nella cache, che potrebbe non essere quello che si vuole):

> 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

si potrebbe verificare come:

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");