點選驗證碼不能實現重新整理問題

耕毅發表於2019-02-16

在登陸介面中,有時候不能實現點選驗證碼實現重新整理。
如下段程式碼:

<img src="{{url(`admin/code`)}}" alt="" onclick="this.src=`{{url(`admin/code`)}}`">

這段程式碼可以實現在360極速瀏覽器(8.7.0.306)和谷歌瀏覽器(57.0.2987.133)上點選驗證碼位置重新整理,但是在火狐瀏覽器(53.0.0.6312)和微軟自帶瀏覽器不能實現點選驗證碼位置的重新整理功能。
為了在所有瀏覽器上都能實現點選驗證碼的重新整理功能,我們可以在上述程式碼中新增隨機引數,對瀏覽器進行欺騙。

<img src="{{url(`admin/code`)}}" alt="" onclick="this.src=`{{url(`admin/code`)}}?`+Math.random()">

讓瀏覽器認為每一次請求的地址均不一樣!

<img src="http://blog.com/admin/code?0.6020968603033799" alt="" onclick="this.src=`http://blog.com/admin/code?`+Math.random()">

最終在所有瀏覽器上均能點選驗證碼處實現重新整理。

相關文章