Question

// HTML
<immg id="captchaImg" src="/member/getCaptcha" alt="" width="100px" class="captcha-img">

在日常開發(fā)中，常常需要用到圖片驗證碼，點擊驗證碼需要更換圖片驗證碼，但因為瀏覽器會有緩存機制，從后臺接口/member/getCaptcha的圖片因為src屬性不變所以再次點擊觸發(fā)不會更新，那么如何實現(xiàn)點擊再次從后臺獲?。?/p>

Answer

思路：src路徑唯一，點擊觸發(fā)不會更新，那么可利用地址后?接參數(shù)隨機實現(xiàn)

實現(xiàn)：在后臺接口地址 + 隨機數(shù) 即可實現(xiàn)點擊更換圖片驗證碼

// HTML
<immg id="captchaImg" src="/member/getCaptcha" alt="" width="100px" class="captcha-img">
// JS
// 點擊觸發(fā)換驗證碼
    $('.captcha-img').on('click',function () {
        // 在圖片后面加上隨機數(shù)換圖片
        var ran = Math.random();
        $(this).attr('src','/member/getCaptcha?'+ran)
    });