jak sprawdzić, czy obraz został zapisany w pamięci podręcznej w js?

Question

kiedy przyłączyłem się do wywiadu, zadano mi pytanie, nie wiedziałem, jak na nie odpowiedzieć.

Czy znasz kluczową kwestię tego pytania?

Answer 1

Sprawdź, czy atrybut obiektu Imagecomplete jest true:

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

    return image.complete; 
} 

wydaje się działać (choć będzie to załadować obraz, jeśli nie jest w pamięci podręcznej, co może nie być czego chcesz):

> 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

można sprawdzić jak:

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