首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >从服务器获取图像时出现缓存问题

从服务器获取图像时出现缓存问题
EN

Stack Overflow用户
提问于 2014-06-05 11:46:48
回答 4查看 1K关注 0票数 2

我正在建立一个网站,其中各种css精灵使用。但我的问题是,当我对上传的图像进行任何更改时,有时它不会反映在客户端浏览器上,因为有时页面及其数据,如css,图像,javascripts是从浏览器缓存中加载的。

在这种情况下,请建议我怎么做。我应该把这些放在

代码语言:javascript
复制
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>

在HTML页面中?

或者有什么想法来解决这个问题?

EN

回答 4

Stack Overflow用户

发布于 2014-06-05 11:55:22

当我处理网页中的动态图像时,我总是在URL的末尾添加一个带有随机值的参数,以强制浏览器(尤其是IE)从服务器检索最新的图像。

代码语言:javascript
复制
image.jpg?v=<random num>-<random num>-<random num>-<random num>

您的图像url将如下所示

代码语言:javascript
复制
src="image.jpg?v=1234-5678-91011"

我通过Javascript控制的随机数。当然,任何随机参数值约定都可以,这只是我喜欢的格式。希望这能有所帮助。

票数 0
EN

Stack Overflow用户

发布于 2014-06-05 12:12:44

在Chrome....this上以匿名模式查看时,要求您的客户查看您的更改应该可以解决问题……

https://support.google.com/chrome/answer/95464?hl=en

票数 0
EN

Stack Overflow用户

发布于 2014-06-05 12:51:33

代码语言:javascript
复制
change the name of the picture each time you upload or add a random number to it

src="myimage.jpg?{somerandomnumber}" 

More info

HTML Cache control

用于在所有浏览器中关闭缓存的标记 Useful HTML Meta Tags

代码语言:javascript
复制
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />

你的.htaccess文件。

代码语言:javascript
复制
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 days"
</IfModule>
## EXPIRES CACHING ##
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24051311

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档