zoukankan      html  css  js  c++  java
  • 前端图片缓存问题

    最近做图片展示需求,发现更换了轮播的图片(名字保留原来相同),但是仍然加载了旧的图片,因为浏览器存在缓存机制的问题..

    查找了一些资料,总结出2个步骤:

    1.在<head>中加入这3句话:

    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="expires" content="0"/>

    表示不要缓存数据

     

    2.在图片src路径后面加上随机数,使浏览器认为每次加载的不是同个图片。

    例子:

    <ul class="imglist" >
         <li>
              <a><img width="188" height="150" src="/images/photo/ico/pic_1_0128.jpg?random="></a>
         </li>
    </ul><!--imglist end-->
    //在图片路径后面加上随机数,处理缓存问题。
            $(".imglist").find("li").each(function(index,domEle){
                var obj = $(this).find("a").find("img");
                obj.attr("src",obj.attr("src")+Math.random());
            });
     
     
    暂时还没找到其他更好的方法,待更新...如有朋友有好的方法,欢迎讨论。

     

  • 相关阅读:
    随笔之过账模版
    随笔之转移日记账
    模式窗口的处理方式
    生产领料的问题
    询问对话框,缓存用户设置
    AX2009 连接外部Orcal与SQL区别
    AX2012全新的批处理方式
    AX调用.dll
    AX在query中添加自己的函数
    Java通过代理上传文件到Azure blob
  • 原文地址:https://www.cnblogs.com/Rosefxd/p/4256394.html
Copyright © 2011-2022 走看看