61,115
社区成员
发帖
与我相关
我的任务
分享谷歌浏览器，本地图片变了，浏览器不变
ie上两张图片能正常显示，谷歌上你先点开一张，后面无论如何切换都显示一张一样的
路径是一样的，点开时会取出新的覆盖旧的的
路径是一样的，点开时会取出新的覆盖旧的的
<img class="photoImg" style="width: 60%; height: auto; margin-top: 10%;" src="/temp/photoPathB.jpg">
...全文
请发表友善的回复…
发表回复
tianshi_wang 2019-06-29
- 打赏
- 举报
一样是因为url没变，浏览器直接读缓存了。你可以禁止浏览器缓存，具体可以参考https://www.jianshu.com/p/e59d16a9ab7e
gllolz 2019-06-29
- 打赏
- 举报
各种情况都会有，各种坑都要填
LeeN7 2019-06-29
- 打赏
- 举报
浏览器缓存问题 加时间戳浏览器会当成是新的地址重新解析 src="a.jpg?time="+new Date()
jio可 2019-06-28
- 打赏
- 举报
给一个默认height: 400px，overflow-y: scroll
-一个大坑 2019-06-28
- 打赏
- 举报
好了，谢谢。能不能把高自动也解决一下
jio可 2019-06-28
- 打赏
- 举报
ie不行应该是不支持es6语法，document.getElementById('photoImg').src = `/temp/photoPathB.jpg?${Date.now()}`改
document.getElementById('photoImg').src = '/temp/photoPathB.jpg?'+Date.now()
Date.now()不行就new Date().getTime()吧
-一个大坑 2019-06-28
- 打赏
- 举报
前端加时间戳可以，这样不会导致图片保存路径不一样，导致越积越多
谷歌可以加时间戳，ie加时间戳就不能显示了，有没有别的方法。没有我就判断浏览器
ie不能用es6时间戳我自己写的
jio可 2019-06-28
- 打赏
- 举报
图片名变了没有？没变就一定是拿缓存。这个操作流程是点击切换的时候api换另一张图片覆盖之前的图片，意思是路径是写死的。那么在打开显示图片的弹窗之前给图片路径加时间戳就行了
<img class="photoImg" id="photoImg" style="width: 60%; height: auto; margin-top: 10%;" src="/temp/photoPathB.jpg">
图片覆盖后执行
document.getElementById('photoImg').src = `/temp/photoPathB.jpg?${Date.now()}`
ackermander 2019-06-28
- 打赏
- 举报
我记得谷歌浏览器按f12后长按还是右键刷新可以清除缓存。
一般就是自己测试会这样吧，正常客户端没有高刷新频率不会这个情况。
-一个大坑 2019-06-28
- 打赏
- 举报
我现在路径一样，是一张图覆盖一张，如果加上时间戳就是不同的路径了，就会每次生成一张新图，不就会越积越多[/quote]
加一个浏览器关闭监听事件去删除？
-一个大坑 2019-06-28
- 打赏
- 举报
我现在路径一样，是一张图覆盖一张，如果加上时间戳就是不同的路径了，就会每次生成一张新图，不就会越积越多
jio可 2019-06-28
- 打赏
- 举报
layer的高度只有40px，图片高度199肯定滚动了。你直接layer的最小高度200px，overflow:auto
-一个大坑 2019-06-28
- 打赏
- 举报
id取错了，改了过来，有值但是没用。我用鼠标看$('#printView').height()为199px，alert出来的为40px
-一个大坑 2019-06-28
- 打赏
- 举报
不行，固定400不变了。
我设固定高度，然后取里面div的高度给外面，结果也不行。$('.printView').height()一直是null
$(function () {
var myDate = new Date().getTime();
document.getElementById('photoImgF').src = '/temp/photoPathF.jpg?' + myDate;
if (document.getElementById('photoImgB') != null) {
document.getElementById('photoImgB').src = '/temp/photoPathB.jpg?' + myDate;
}
alert($('.printView').height());
//$('.photoView').css('height', $('printView').height());
})
jio可 2019-06-27
- 打赏
- 举报
你在img的src路径加上时间戳怎么会越积越多
打开弹窗的时候回去获取新的图片因为路径一样浏览器肯定拿缓存的图片，在打开弹窗的时候添加一个时间戳在图片路径上，就是改变img的地址 let url = `images/abc.png?${new Date().getTime()}`
-一个大坑 2019-06-27
- 打赏
- 举报
这样会导致图片越积越多
jio可 2019-06-27
- 打赏
- 举报
在图片地址加个时间戳
-一个大坑 2019-06-27
- 打赏
- 举报
我设置高自动，ie正常，谷歌才显示一点
主要图片user传的，也不知道横着拍还是竖着拍，设为固定高也不好
layer.open({
type: 1,
title: '文件上傳',
area: ['400px', 'auto'],
content: data
})
