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

今天在做到一个验证码刷新的时候出现了一个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);
});

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

猜你喜欢

转载自blog.csdn.net/MrLiber/article/details/85318570