嘎里三分熟
  • 首页
  • JMusic
  • TSBay
  • 常用工具
  • About Me
  • 留言板
一行代码一世浮生
  1. 首页
  2. Java web
  3. JavaScript
  4. 正文

修改image的src属性,图片不刷新的问题

2018年10月21日 2717点热度 10人点赞 0条评论

一、问题产生

    背景:前端呈现验证码图片,并且提供刷新功能,请求后端,后端提供验证码图片。
    问题:发现刷新功能失效。
    关键代码:

    <img th:src="@{/auth/genericImageLogin}" id="verifyCodeLoginImage" onclick="refreshVerifyCodeLogin()" style="width:82px;height:34px"/>
    说明:th:src="@{/auth/genericImageLogin}" 是 themeleaf 模板的使用写法,请求后端 java 程序。
    function refreshVerifyCodeLogin(){
       $("#verifyCodeLoginImage").attr('src', "/auth/genericImageLogin");
    }

二、原因分析

    图片不刷新是因为,验证码图片的请求地址是同一个,所以高版本的浏览器会默认读取缓存,即并不会向后端发出请求。

三、问题解决

    问题解决也就很简单了,那我们就保证每次请求的地址不一致不就ok了。
    所以我们就在请求地址后增加随机数参数。
    function refreshVerifyCodeLogin(){
       $("#verifyCodeLoginImage").attr('src', "/auth/genericImageLogin?"+Math.random());
    }



本作品采用 知识共享署名 4.0 国际许可协议 进行许可
标签: image JS 前端 验证码
最后更新:2018年10月21日

GoldenJet

爱折腾技术的90后漫威小死忠程序员一枚

点赞
< 上一篇
下一篇 >

文章评论

取消回复

通过电子邮件订阅博客

分类目录
  • BootStrap (2)
  • Bug集中营 (6)
  • Java web (3)
  • JavaScript (7)
  • Java基础 (17)
  • Java工具 (5)
  • Linux (3)
  • Python (3)
  • SpringBoot (14)
  • Spring基础 (8)
  • thymeleaf (1)
  • 娱乐 (3)
  • 小谈 (2)
  • 常用工具 (7)
  • 技术分析集 (5)
  • 技能 (10)
  • 源码 (4)
  • 科普类 (1)
  • 算法 (9)
  • 踩坑记 (5)
文章归档
  • 2020年11月 (1)
  • 2020年7月 (1)
  • 2020年4月 (2)
  • 2020年3月 (1)
  • 2020年1月 (1)
  • 2019年11月 (1)
  • 2019年10月 (1)
  • 2019年9月 (1)
  • 2019年8月 (1)
  • 2019年7月 (2)
  • 2019年5月 (2)
  • 2019年4月 (2)
  • 2019年3月 (3)
  • 2019年2月 (2)
  • 2019年1月 (2)
  • 2018年12月 (2)
  • 2018年11月 (3)
  • 2018年10月 (3)
  • 2018年9月 (2)
  • 2018年8月 (3)
  • 2018年7月 (2)
  • 2018年5月 (1)
  • 2018年4月 (3)
  • 2018年3月 (2)
  • 2018年2月 (3)
  • 2018年1月 (5)
  • 2017年12月 (2)
  • 2017年11月 (3)
  • 2017年10月 (1)
  • 2017年9月 (1)
  • 2017年8月 (1)
  • 2017年7月 (7)
  • 2017年6月 (5)
  • 2017年5月 (1)
  • 2017年4月 (2)
  • 2017年3月 (4)
  • 2017年2月 (2)
小伙伴友链
  • 前端驿站

COPYRIGHT © 2017-2020 嘎里三分熟. ALL RIGHTS RESERVED.

浙ICP备17005575号-1

浙公网安备 33010802009043号