当我参加面试时,我被问到这个问题,我不知道如何回答。
你知道这个问题的关键点吗?
答案 0 :(得分:18)
检查complete
对象的Image
属性是否为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
答案 1 :(得分:4)
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");