JS去除图片缓存

最新推荐文章于 2026-04-08 09:48:53 发布

原创最新推荐文章于 2026-04-08 09:48:53 发布 · 8.1k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

javascript

当前文章被收录于：

javascript

4 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

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

在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

标签

#图片缓存