`
luccs624061082
  • 浏览: 82330 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

图片缓存问题

阅读更多
     在开发中,发现主页头像与设置页面的头像不一致,在点击上传后,两个页面的额头像是一致的。但是,返回后再点击进去发现页面头像不一致。要不是主页头像是以前的,就是上传图片的页面的头像是以前的。我在服务器中防止图片的文件夹中发现,上传后以前的图片的已经删除,现在放置的是刚刚上传的图片。
     查看源码也发现,路径也是指向当前图片。
     最后觉得应该是缓存问题。因为之前遇到很多这样的状况。通过加随机数或者精确到毫秒的时间。以前的主要是解决一个url问题。避免多次提交后还是同一个路径。
     因为这里需要几个不同页面的同步,所以url路径也应该一致,虽然我在一个页面中的图片显示路径中的加了精确到毫秒的时间参数,保证了能够正常上传,但是子啊jsp页面显示中,图片路径为了避免缓存,也应该加上时间。
    即如下形式:
    src="<%=path%>/sys/usermanage_showImg?imgName=${userInfo.head_pic==null||userInfo.head_pic==''?'personal_tx.jpg': userInfo.head_pic}&a=<%=new Date().getTime()%>" />

js中url路径形式如下:
var img = "<img src=\"" + path + "/sys/usermanage_showImg?imgName="+state+"&a="+i+"\" style=\"width: 106px;height: 106px\"/>"

这里只想把当时解决缓存的想法记录下来。
当然了 在jsp头文件中加上解决缓存的相关代码也是相关重要的。如下所示
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />

一般的加上随机数或者加上精确到毫秒的时间常数就可以解决了
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics