防止图片缓存，更新图片页面不更新问题

最新推荐文章于 2023-06-28 17:55:29 发布
VIP文章 最新推荐文章于 2023-06-28 17:55:29 发布
阅读量583 收藏
点赞数
分类专栏： 随笔 文章标签： js html css javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tony_ET/article/details/115999934
版权

页面缓存问题

最近做了一个简单的jq项目，每天需要手动更新美工做的图片，当时想到缓存问题，想着和美工一起把图片的名字每天一换应该就不会有缓存问题了，可是现实去给我深深的教训，投入生产后仍是出现了页面不更新的情况，必须手动清掉缓存，对用户非常的不友好

解决问题方式

1.使用webpack等打包工具即可解决

2.手动解决

首先需要在你引入的css等文件中加版本号，因为我更换的图片都写在了css中，所以就只在css中加入了版本号（我们活动短，所以我都是自己每天换一次，这个可以写段js让他自己换）

<link rel="stylesheet" type="text/css" href="./styles/styles.css?v=1.0" />

其次要在页面入口的网址后加随机参数(我也是手写的)

最低0.47元/天 解锁文章
Tony_ET
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
图片三级缓存，防止OOM
10-12
android disklrucache实现图片三级缓存网上代码很多，我这里主要做了详细注释，以及做了代码检测checkstyle，findbugs，PMD
非主流图片小偷PHP源码 2015.zip
07-07
非主流图片小偷程序完全采用目标站的模板样式，全站共有7个广告位。 程序没有制作后台，全部广告和网站信息用JS和PHP文件空间，详细文件说明请看压缩包内介绍。 而且这次程序非常小巧，整个站加说明文件只有3MB大小，其中字体文件占用了2.3MB。实际网站程序只有600KB左右。 麻雀虽小，五脏俱全，丝毫不会影响程序的功能 . 2015-09-10 更新 摒弃旧代码更新，直接重写所有代码。 增加站内搜索功能，只要到度娘站长工具申请站内搜索然后替换JS代码即可。 增加UBB空间留言板代码在线预览功能。 使用完全抓取功能，提升抓取速度，避免抓取错误和乱码等问题。 目标站主要CSS和图片
炎汉房产楼盘系统 3.5 商业版|强大的Discuz房产插件+实用的房产平台插件
06-23
楼盘对比，勾选楼盘前面的对比按钮，可以对选中的楼盘进行对比，楼盘的各个参数将会对比显示，最多可支持四个楼盘同时对比； 楼盘地图，采用百度地图API开发，支持楼盘周边卖场、餐饮、银行、学校、医院、电影院、加油站等配套设施的查询，支持公交查询； 楼盘价格走势图，后台数据楼盘的历史价格数据，系统会自动生成楼盘的价格走势图，更直观地了解到楼盘的价格变化趋势； 楼盘图库，楼盘图片使用图库播放器查看，可以自动播放，一次性浏览各个相册的图片，支持同一楼盘下各个相册的切换，具有更好的图片阅读体验； 楼盘关联论坛，楼盘可以关联论坛的版块或帖子，关联论坛后会在楼盘头部显示“论坛”菜单； 楼盘关联资讯，楼盘可以关联门户的资讯，关联后会在楼盘动态显示； 楼盘点评 楼盘团购 楼盘打分 楼盘筛选，可按区域、价格、装修状况、物业类型、建筑类别进行筛选，所有筛选项可在后台添加、修改、删除、排序，区域最多可支持三级筛选； 楼盘列表支持在售、待售、售完、打折四种状态的切换； 楼盘地图弹出层 楼盘开发商，楼盘可以关联开发商，点击开发商可查看开发商的详细介绍和该其开发的楼盘； 推荐楼盘，可设置楼盘的推荐度，推荐度越高的楼盘排名越靠前； 热度排行榜，根据楼盘的关注度进行排行，关注度越高排名越靠前； 楼盘分享，使用百度分享插件，可以把楼盘信息一键分享到新浪微博、腾讯微博、QQ空间等社交平台； 一房一价，可以对楼盘的每一套房子的面积、售价、户型、销售状态等参数进行设置，设置后会在房源详情显示； 楼盘优惠信息，可以设置楼盘的优惠信息，有优惠活动的楼盘会在打折楼盘列表显示； 推荐图片，楼盘相册上传有楼盘户型图、外景图、交通图、实景图等图片，可以对其中的图片进行推荐，推荐后的图片会在各楼盘首页的幻灯片处显示，图片按推荐度的降序排列； 楼盘详细信息 楼盘模版风格设置，系统支持红、黄、蓝、绿四种模版风格切换，站长可根据自己的网站选择合适的风格，使楼盘系统和网站的风格更统一； 游客点评设置 点评审核设置 设置楼盘缩略图的高宽 楼盘系统keywords和description设置 字段管理，可对楼盘字段和团购字段进行管理，可按自己的需求设置子字段； 地区管理，楼盘地区最多可支持三级分类，地区支持联动检索； 楼盘信息搜索 楼盘详情管理 楼盘信息批处理 开发商搜索 开发商管理 点评信息搜索 点评详情管理 点评信息审核 评分管理 团购信息搜索 团购详情管理 团购信息批处理 相册管理，可设置楼盘的相册类型，系统默认已有户型图、规划图、交通图、外景图、实景图、效果图、样板间、配套图八种相册； 楼盘地图标注 上传楼盘图片 楼盘图片管理 楼盘楼层设置，可添加楼盘的楼号、单元数、楼层数等信息； 楼盘价格明细管理，可添加楼盘每套房的价格、面积、户型、销售状态等参数，一房一价； 楼盘价格走势管理，可添加楼盘各历史时间的最高价、最低价、平均价、价格描述等信息，系统会自动生成价格走势图； 楼盘关联文章管理，搜索文章关键字检索文章，勾选楼盘要关联的文章，可批量对文章进行关联 已关联文章管理 楼盘缓存管理，系统对楼盘 【炎汉房产】楼盘系统3.5版本更新升级功能： 1、团购报名验证码功能，防止垃圾信息 2、楼盘列表页关键字搜索 3、楼盘相册上传png图片，生成的缩略图空白bug修复 4、楼盘地图全屏模式IE7高度bug修复 5、楼盘插件电脑版页面代码优化 6、楼盘手机版1.5版本升级程序支持
JS 实现背景图片的自动变换（设定每3秒变化一次）
热门推荐
woyizhidouzai0505的专栏
11-16 2万+
下面写两种情况： 第一种是有几张
解决网站重新部署缓存图片不更新问题
jinchunye的博客
10-20 1535
如何解决网站重新部署缓存图片不更新问题？
背景图片每次刷新以后随机切换和背景图片隔一段时间换一个
肖肖肖丽珠的博客
07-24 7768
首先要有一个添加背景图片的div     css样式中添加背景tu图 body{height:100%;} #myDiv{background-image:url("img/yellow.jpg");height:100%;}         //注意添加的背景图一定要设置具体的数值高度才会显示，而这里用100%是不可能显示的，这就需要在这个div的父类元素（在这里也就是body了）
js防止缓存
Think88666的博客
06-16 652
代码如下： <html> <head> <script type="text/javascript"> document.write("<script src='**.js?"+Math.random()+"'><\/script>"); </script> </head> </html> 这样浏览器每次访问的文件内容都不一样，简单的防止了浏览器缓存 ......
避免图片等缓存不刷新的方法
tantantan12的博客
03-13 237
  缓存这个东西，有的时候我们需要它，有的时候又要避免它。而且缓存还分很多种，页面缓存，数据库缓存，服务器缓存，内存缓存等等。   下面是自己小结的避免页面缓存的方法，主要有两种，一种是设置，另外一种就是加随机数。   ①设置页面无缓存 &lt;meta http-equiv="pragma" content="no-cache"&gt; &lt;meta http-equiv="ca...
vue——图片懒加载和禁止图片使用缓存方法
一只程序喵
07-13 3699
图片预加载： 图片预加载就是在网页全部加载之前提前加载图片。当用户需要查看时可直接从本地缓存中渲染，以提供给用户更好的体验，减少等待的时间。否则，如果一个页面的内容过于庞大，没有使用预加载技术的页面就会长时间的展现为一片空白。 当然这种做法实际上降低服务器的性能换取了更好的用户体验。 图片懒加载（缓载）： 延迟加载图片或符合某些条件时才加载某些图片。这样做的好处是减少不必要的访问数据库或延迟访问数据库的次数，因为每次访问数据库都是比较耗时的即只有真正使用该对象的数据时才会创建。 懒加载的主要目的是作为服务器
ASP网站里的图片替换后重新加载网页不更新的解决方法
shenhaibb_的博客
01-04 3802
今天用vs执行网页时，替换了图片，但刷新后仍没变化，还是原来的图片 检查了更改后的图片名字，图片位置，图片格式，代码地址，都没有问题 后来清除了浏览器的缓存后重新刷新图片就出来了 以谷歌浏览器为例，打开浏览器设置—隐私安全和密码—清除浏览数据—清除数据 然后重新加载网页，图片就可以刷新出来了...
动软分享社区系统(图片分享社区) 1.9.rar
05-24
13.修复了后台图片标签编辑功能不可用，没有添加功能问题。 14.修复了社区在英文系统安装后出现乱码问题。。 该版本重点自定义商品链接分享，支持任意平台的导购！ 功能： 基础功能 安装部署简单，实现系统...
动软分享社区系统(图片分享社区) v1.9.rar
07-09
13.修复了后台图片标签编辑功能不可用，没有添加功能问题。 14.修复了社区在英文系统安装后出现乱码问题。   核心功能： 1.基础功能 安装部署简单，实现系统在线自动化一键安装过程； 多平台账号统一登陆，...
当修改网站上的图片等资源时怎样避免客户缓存的问题
hsd2012的专栏
09-05 3619
问题分析 最近在修改网站上的logo时候，发现修改后，浏览的时候，还是看到之前的图片，PC端多多刷新几次，显示倒是okey，可是手机端依旧是原图片。很明显是缓存的问题，但是我又不想清除手机浏览器缓存。因为客户在浏览的之前，肯定不会清除缓存啊。 问题解决办法 方法一：给图片重新命名 这是一种很笨的方法，但是又不得不说确实可以解决问题。但是每个图片命名都是之前规定好的，不宜随意改动。所以这个方
关于图片更新后无法自动刷新问题解决方法
寀鳥天堂
10-21 902
       在页面修改完成图片时，同时刷新显示页面的图片，一般做法是再次给img的src赋值，src可能是图片路径也可能是直接通过查数据库读出照片的数据流，这样问题就来了，不是哪里学计算机？不是哪里学厨师？不是哪里学挖掘机？是怎么显示页面的图片咋没有刷新呢？简单解决方法就是在src的url后面加上Math.random()，给url加上一个伪随机值。代码例子： document.getEle...
vue在scss中引入js变量动态改变背景图片
最新发布
weixin_42247414的博客
06-28 1850
vue在scss中引入js变量动态改变背景图片
JavaScript根据系统时间自动更换图片
weixin_47304332的博客
04-05 1207
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <img src=""> <p></p> <script> var nowTime = new Date();
JavaScript js实现页面每次刷新更换一次背景和每隔一段时间更换背景
zahuilg10的博客
09-08 3307
一、刷新一次换一次背景 原理：每次加载js文件执行一次换背景方法 var currentImg = Math.floor(Math.random() * 3); //定义一个存放照片位置的数组，可以放任意个，在这里放3个 var arr = new Array(); arr[0] = "C:/Users/zahui/Desktop/Java%20web/login/img/hhh.jpg"; ar...
javascript/html 禁止图片缓存
fareast_mzh的博客
06-28 1万+
更新图片, 如果图片的url没有改变, 刷新页面之后图片会使用缓存的图片 Solutions: * js改变图片链接 (添加get参数) // 假设当前这个图片的dom对象为img img.src += '?t='+(+new Date()); 　　 * html Meta修改 <meta http-equiv="Pragma" content="no-cache">...
vue+element-ui树形表格+复选框（实现复选框的各种效果）
Tony_ET的博客
01-25 4010
需求 项目的需求是给角色分配菜单，菜单会有子集，所以后台反给我的是带children的树形数据，但是添加的时候可能是一次性选很多的菜单，多选就不能直接用elemengt自带的多选，所以用了表格树形和复选框的组合，复选框用了插槽，完成了一些列的逻辑 代码块 表格部分 视图层 table中加入树形 :tree-props="{children: 'children'}" 插入两个复选框，一个是表头的，一个是表身<el-checkbox>绑定对应的v-model，还有对应的事件，后边写对应的逻辑 &l
vue+elementUI禁止缓存图片
04-04
在 Vue 中，可以通过在 `img` 标签中添加一个随机参数来禁止图片缓存，例如： ```html ().getTime()" alt=""> export default { data() { return { imageUrl: 'https://example.com/image.jpg' } } }...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值