Wie überprüft man, ob ein Bild in js zwischengespeichert wurde?

Question

Als ich einem Interview beitrat, wurde mir die Frage gestellt, ich wusste nicht, wie ich darauf antworten sollte.

Kennen Sie den Schlüsselpunkt der Frage?

Answer 1

Überprüfen Sie, ob das complete Attribut des Image Objekt ist true:

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

    return image.complete; 
} 

Es scheint zu funktionieren (obwohl es das Bild laden werden, wenn es nicht im Cache ist, was nicht sein könnte, was Sie) wollen:

> 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

Sie könnten prüfen, wie:

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