Question
// HTML
<immg id="captchaImg" src="/member/getCaptcha" alt="" width="100px" class="captcha-img">
在日常开发中,常常需要用到图片验证码,点击验证码需要更换图片验证码,但因为浏览器会有缓存机制,从后台接口/member/getCaptcha
的图片因为src属性不变所以再次点击触发不会更新,那么如何实现点击再次从后台获取?
Answer
思路:src路径唯一,点击触发不会更新,那么可利用地址后?接参数随机实现
实现:在后台接口地址 + 随机数 即可实现点击更换图片验证码
// HTML
<immg id="captchaImg" src="/member/getCaptcha" alt="" width="100px" class="captcha-img">
// JS
// 点击触发换验证码
$('.captcha-img').on('click',function () {
// 在图片后面加上随机数换图片
var ran = Math.random();
$(this).attr('src','/member/getCaptcha?'+ran)
});