在登陸介面中,有時候不能實現點選驗證碼實現重新整理。
如下段程式碼:
<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()">
最終在所有瀏覽器上均能點選驗證碼處實現重新整理。