安裝
首先使用Composer安裝think-captcha擴展包:
composer require topthink/think-captcha
使用
在模版內也就是HTML頁面上,添加驗證碼的顯示代碼
<div>{:captcha_img()}</div>
或者
<div><img src="{:captcha_src()}" alt="captcha" /></div>
上面兩種的最終效果是一樣的,根據需要調用即可。
輸出效果如圖
校驗
然後使用框架內置的函數手動驗證
if(!captcha_check($captcha)){
// 驗證失敗
};
注意:
1、如果IDE裏提示 captcha_check 函數未定義的話(前提是你已經使用了Composer安裝think-captcha擴展包完成),重啓IDE即可。
2、如果一直提示驗證失敗的話,要先去開啓Session才行。
Session功能默認是沒有開啓的(API應用通常不需要使用Session),如果你需要使用Seesion,需要在全局的中間件定義文件中解開下面的註釋:
好了,現在一般就可以正常使用驗證碼功能了~
如何點擊圖片刷新驗證碼?
可以直接在標籤上寫上: οnclick="this.src='{:captcha_src()}?id=' + Math.random()"