JS去除图片缓存

最新推荐文章于 2024-03-22 15:42:29 发布

原创最新推荐文章于 2024-03-22 15:42:29 发布 · 8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#图片缓存

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了在Web开发中如何解决浏览器对图片缓存的问题，提供了两种方法：一是通过在图片URL后添加随机数参数强制浏览器重新请求；二是动态创建img元素并设置src属性，同样避免了缓存问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Web网站中,有时候修改图片显示仍然不是最新的,这是由于浏览器对图片的缓存造成.

1.给图片url添加随机数参数,使浏览器每次重新请求图片(但是在IE浏览器中,缓存有可能还是不能清除,可以使用下面第二种方法)

HTML代码:
<div class="login_main">
        <div class="login_ptxt">
            <div class="login_p">
             <img alt=\"用户头像\"/>
             </div>
          </div>
</div>

$(".login_main .login_p img").attr("src", userIconUrl + "?temp=" + Math.random());//userIconUrl 为图片URL

2.第二种方法:动态添加img元素

HTML代码:
<div class="login_main">
        <div class="login_ptxt">
            <div class="login_p">
            <!--动态添加img标签-->
             </div>
          </div>
</div>

$(".login_main .login_p").append("<img alt=\"用户头像\"/>");

$(".login_main .login_p img").attr("src", userIconUrl + "?temp=" + Math.random());//userIconUrl 为图片URL