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

最新推荐文章于 2022-10-18 16:54:45 发布
最新推荐文章于 2022-10-18 16:54:45 发布
阅读量594 收藏
点赞数
分类专栏： 随笔 文章标签： 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
摘要由CSDN通过智能技术生成

页面缓存问题

最近做了一个简单的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
    评论
专栏目录
图片更新之后因为缓存问题没有更新
a378113472的博客
09-02 311
使用随机数每次刷新图片 this.src = "http://117.78.40.115:29090/woas/poCharge/readFile/" +this.id+'?'+(Math.floor(Math.random() * 10))
解决图片缓存导致页面刷新无效果问题
qq_38743783的博客
05-18 970
场景：一条数据里面有图片，编辑完一条数据的时候。重新获取数据，并且展示图片。但是图片的信息还是之前的，这是因为缓存问题，同一个链接请求服务器，浏览器会认为同一个图片，就会缓存下来。所以点击的时候总是同一张图片，没有刷新。 解决的办法：在url后面 拼上 '?’+ Math.random().随机数。这样每次点击的时候都是新的链接。 <img style="width:100%;" :src=...
解决网站重新部署缓存图片不更新问题
jinchunye的博客
10-20 1572
如何解决网站重新部署缓存图片不更新问题？
js防止缓存
Think88666的博客
06-16 671
代码如下： <html> <head> <script type="text/javascript"> document.write("<script src='**.js?"+Math.random()+"'><\/script>"); </script> </head> </html> 这样浏览器每次访问的文件内容都不一样，简单的防止了浏览器缓存 ......
html禁止图片缓存(刷新网站)
leng0920的博客
11-08 2136
地址：https://blog.csdn.net/fareast_mzh/article/details/81464031
IE6下CSS图片缓存问题解决方法
09-05
为了解决这个IE6特有的图片缓存问题，可以采用一种特定的JavaScript命令来优化。 关键代码是`document.execCommand("BackgroundImageCache", false, true)`。这行代码的作用是开启IE6浏览器对背景图片的缓存功能，...
图片三级缓存，防止OOM
10-12
通过分析和学习这个项目，开发者可以深入了解图片缓存的实现原理，以及如何结合代码质量检查工具来提升代码质量，避免因图片处理不当导致的内存问题。这在开发高性能、低内存消耗的Android应用时是至关重要的。
图片缓存处理
07-03
3. **异步下载**：如果图片不在缓存中，ego会在后台线程下载图片，不影响主线程的UI更新，防止界面卡顿。 4. **数据解码**：图片下载完成后，ego会进行解码，通常将二进制数据转化为UIImage（iOS）或Bitmap（Android...
Android 分页缓存图片加载器，gridview显示
08-07
本项目针对这种情况，利用Android Studio进行开发，实现了分页缓存图片加载器，旨在提高图片加载速度并优化内存管理。 1. **Android GridView** GridView是一种可以显示多列数据的视图，常用于展示图片或列表项。...
安卓图片加载缓存相关-ViewPager动态加载网络图片.rar
07-29
例如，当页面可见时开始加载图片，在不可见时暂停加载，防止内存泄漏和无效请求。 5. **图片尺寸优化**：为了提高加载速度并减少内存占用，通常需要根据ImageView的大小来调整网络图片的尺寸。在请求图片时，可以...
背景图片每次刷新以后随机切换和背景图片隔一段时间换一个
肖肖肖丽珠的博客
07-24 7810
首先要有一个添加背景图片的div     css样式中添加背景tu图 body{height:100%;} #myDiv{background-image:url("img/yellow.jpg");height:100%;}         //注意添加的背景图一定要设置具体的数值高度才会显示，而这里用100%是不可能显示的，这就需要在这个div的父类元素（在这里也就是body了）
当修改网站上的图片等资源时怎样避免客户缓存的问题
hsd2012的专栏
09-05 3634
问题分析 最近在修改网站上的logo时候，发现修改后，浏览的时候，还是看到之前的图片，PC端多多刷新几次，显示倒是okey，可是手机端依旧是原图片。很明显是缓存的问题，但是我又不想清除手机浏览器缓存。因为客户在浏览的之前，肯定不会清除缓存啊。 问题解决办法 方法一：给图片重新命名 这是一种很笨的方法，但是又不得不说确实可以解决问题。但是每个图片命名都是之前规定好的，不宜随意改动。所以这个方
ASP网站里的图片替换后重新加载网页不更新的解决方法
shenhaibb_的博客
01-04 3920
今天用vs执行网页时，替换了图片，但刷新后仍没变化，还是原来的图片 检查了更改后的图片名字，图片位置，图片格式，代码地址，都没有问题 后来清除了浏览器的缓存后重新刷新图片就出来了 以谷歌浏览器为例，打开浏览器设置—隐私安全和密码—清除浏览数据—清除数据 然后重新加载网页，图片就可以刷新出来了...
关于图片更新后无法自动刷新问题解决方法
寀鳥天堂
10-21 938
       在页面修改完成图片时，同时刷新显示页面的图片，一般做法是再次给img的src赋值，src可能是图片路径也可能是直接通过查数据库读出照片的数据流，这样问题就来了，不是哪里学计算机？不是哪里学厨师？不是哪里学挖掘机？是怎么显示页面的图片咋没有刷新呢？简单解决方法就是在src的url后面加上Math.random()，给url加上一个伪随机值。代码例子： document.getEle...
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">...
网页缓存Js，css以及图片导致页面刷新无效果的三种解决办法
热门推荐
chelen_jak的专栏
11-14 1万+
转自：http://www.phpernote.com/seo/197.html
js html 图片 缓存问题,如何防止浏览器缓存CACHE？将CSS、JS、图片加上参数
weixin_39781945的博客
06-04 626
什么是浏览器缓存浏览器缓存功能是网页性能优化的项目之一使用浏览器缓存功能如果用户再次来到您的网站，缓存css、js、jpg、png图档等静态资源将能使网页打开速度加快，同时也能减少服务器负担。更多关于浏览器缓存功能可参考google说明文档https://developers.google.com/speed/docs/insights/LeverageBrowse...
解决修改图片/css/js文件后页面效果不变问题
weixin_55519875的博客
10-18 4636
问题描述：当我们通过按钮上传修改图片，或者开发过程修改css,js文件后，没有效果。原因：在加载这些数据时，网页进行了缓存。当数据变化时，网页使用的仍然是缓存的数据。所以效果未发生变化。解决方法：给src或href的值改变为不一样的值。通过添加参数v=随机数。原理：因为所带参数不同，那么每次访问时的地址都不同，故浏览器每次都会重新加载并缓存。下文具体步骤分析问题产生原因：在加载这些数据时，网页进行了缓存。当数据变化时，网页使用的仍然是缓存的数据。所以效果未发生变化。
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、付费专栏及课程。

余额充值