Question
// HTML
<immg id="captchaImg" src="/member/getCaptcha" alt="" width="100px" class="captcha-img">
在日常開(kāi)發(fā)中法瑟，常常需要用到圖片驗(yàn)證碼，點(diǎn)擊驗(yàn)證碼需要更換圖片驗(yàn)證碼，但因?yàn)闉g覽器會(huì)有緩存機(jī)制，從后臺(tái)接口/member/getCaptcha的圖片因?yàn)閟rc屬性不變所以再次點(diǎn)擊觸發(fā)不會(huì)更新框产，那么如何實(shí)現(xiàn)點(diǎn)擊再次從后臺(tái)獲取师溅？
Answer
思路：src路徑唯一茅信，點(diǎn)擊觸發(fā)不會(huì)更新盾舌，那么可利用地址后?接參數(shù)隨機(jī)實(shí)現(xiàn)
實(shí)現(xiàn)：在后臺(tái)接口地址 + 隨機(jī)數(shù) 即可實(shí)現(xiàn)點(diǎn)擊更換圖片驗(yàn)證碼
// HTML
<immg id="captchaImg" src="/member/getCaptcha" alt="" width="100px" class="captcha-img">
// JS
// 點(diǎn)擊觸發(fā)換驗(yàn)證碼
$('.captcha-img').on('click',function () {
// 在圖片后面加上隨機(jī)數(shù)換圖片
var ran = Math.random();
$(this).attr('src','/member/getCaptcha?'+ran)
});
