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)
    });