使用浏览器缓存的图像/CSS
使用浏览器缓存的图像/CSS
提问于 2012-02-23 08:54:24
有一些图片出现在我的网页上，我们从后端更新。但是那些没有得到直接反映的图像意味着用户需要做ctr+F5。这意味着客户端的浏览器缓存了这些图像。有没有办法在更新后重新加载更新的图片，JS，CSS？
我从我这边尝试过的。
ETag这对我不起作用。
在我的页面页眉中添加了以下标签
<meta http-equiv="Expires" CONTENT="-1" ></meta>
<meta http-equiv="cache-control" content="no-cache"></meta>
<meta http-equiv="Pragma" CONTENT="no-cache"></meta>但是同样的结果。
在Apache中添加了以下配置
ExpiresActive on
ExpiresByType application/javascript "access plus 0 seconds"
ExpiresByType image/jpg "access plus 0 seconds"
ExpiresByType image/jpeg "access plus 0 seconds"
ExpiresByType image/gif "access plus 0 seconds"
ExpiresByType image/png "access plus 0 seconds"
ExpiresByType text/css "access plus 0 seconds"以上配置适用于JS。但是面对图像的问题。我不能在url/image名称的末尾添加任何令牌号或版本号，这也需要太多的代码更改和测试。请指导我，有没有其他集中的方法来限制图像，css从缓存
提前谢谢。
回答 1
Stack Overflow用户
发布于 2012-02-23 10:13:03
您可以使用javascript更改任何图像的src，这将导致名称更改并强制浏览器重新加载。
示例：
document.getElementById('myimg').src = document.getElementById('myimg').src + '?r=' + Math.random();不是最干净的解决方案，但你的选择似乎是有限的。
要使用jQuery重新加载整个页面图像，您可以尝试：
$('img').each(function() {
$(this).attr('src', $(this).attr('src') + '?r=' + Math.random())
});通过修改初始选择器，您可以将其限制为一个区域，这样您就不会重新加载所有内容。这不会影响由css样式指定的图像。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9409748
复制相关文章
![[oeasy]python0052_ raw格式字符串_单引号_双引号_反引号_ 退格键](https://developer.qcloudimg.com/http-save/7606088/9b2a28a1d11870a4a4de487bbd6b6ecb.png)
点击加载更多
相似问题
匹配句子中的多引号
强迫包含引号的句子为字符串- Java
如何返回字符串“句子”中的字数
LINQ根据引号将字符串拆分成句子
如何提取段落中的某个句子？Python
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
