IE下JQuery、JS动态修改img标签src无效的解决方案

最新推荐文章于 2024-08-16 09:59:52 发布

MrLiber

最新推荐文章于 2024-08-16 09:59:52 发布

阅读量4.9k

点赞数

分类专栏： js html 文章标签： img src IE 验证码

本文链接：https://blog.csdn.net/MrLiber/article/details/85318570

版权

js 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

html

13 篇文章 0 订阅

订阅专栏

今天在做到一个验证码刷新的时候出现了一个BUG，Chorme下img的src属性能够正确的动态刷新，而在IE下却不能够生效。
最初是这样写的

//初始化
var url = "/create_check_code";
$("#user-get-vercode").attr("src",url);

//刷新验证码
$("#user-get-vercode").on("click",function(){
     var url = "/create_check_code";
     $("#user-get-vercode").attr("src",url);
 });

查找了下原因，静态图片这类url资源在IE下会缓存。
针对这个问题，把url地址稍加改造，加个时间或者随机数。
写成下面这样

//刷新验证码
 $("#user-get-vercode").on("click",function(){
       var url = "/create_check_code?a"+Date();
       $("#user-get-vercode").attr("src",url);
});

测试了一下，立马见效了。以上就是解决方法啦。
这里贴出来给大家做个分享，自己也做个记录。