首先下載 captcha擴展包,↓ 下載附件,解壓到vendor目錄下:
而後進入application/config.php添加配置信息:javascript
//驗證碼 'captcha' => [ // 驗證碼字符集合 'codeSet' => '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY', // 驗證碼字體大小(px),根據所需進行設置驗證碼字體大小 'fontSize' => 30, // 是否畫混淆曲線 'useCurve' => true, // 驗證碼圖片高度,根據所需進行設置高度 'imageH' => '', // 驗證碼圖片寬度,根據所需進行設置寬度 'imageW' => '', // 驗證碼位數,根據所需設置驗證碼位數 'length' => 4, // 驗證成功後是否重置 'reset' => true ],
html頁面:php
<div> <img id="verify_img" src="{:captcha_src()}" alt="驗證碼" onclick="refreshVerify()"> <a href="javascript:refreshVerify()">點擊刷新</a> </div> <form action="{:url('index/check')}" method="post"> <input type="text" name = "verify"> <input type="submit" value = "提交"> </form> <script> function refreshVerify() { var ts = Date.parse(new Date())/1000; var img = document.getElementById('verify_img'); img.src = "/captcha?id="+ts; } </script>
提交後進行驗證碼驗證:html
public function check(){ $captcha = input('verify'); if(!captcha_check($captcha)){ //驗證碼錯誤 }else{ //驗證碼正確 }