javascript - 如何检查图像是否缓存在js中?

标签 javascript image browser-cache

<分区>

我参加面试的时候,被问到这个问题,我不知道怎么回答。

你知道问题的重点吗?

最佳答案

检查 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

关于javascript - 如何检查图像是否缓存在js中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15352803/

相关文章:

html - 如何将图片放入页脚标签中?

javascript - 通过 Javascript 添加 CSS 类后查找图像的宽度

javascript - 控制第三方 javascript 的重新加载

C#加载带有嵌入图像的外部dll

javascript - 从其他模板相关函数调用辅助函数

javascript - 如何避免 Facebook xfbml.customerchat.js 与 sdk.js 冲突?

javascript - 为什么是 Function.prototype.bind.apply?

php - 编码 HTML 时,浏览器并不总能检测到更改

javascript - 在 iframe 中使用 jquery-mobile 调用 html 页面

javascript - 如何在 RegExp 中创建 OR 条件?