## **第一步下載驗證碼** ~~~ composer require topthink/think-captcha ~~~ 第二部復制 vendor/tpthink/think-captcha目錄下面src/config.php 到 conig里面改名為 captcha方便配置  ## **第三部：代碼引用** ## 前端 ~~~ <div><img src="{:url('/admin/Verify/index')}" alt="captcha" class="admin-captcha" onClick="this.src='{:url('/admin/Verify/index')}?'+Math.random();"/> </div> ~~~ ## **后臺** ~~~ namespace app\admin\controller; use think\captcha\facade\Captcha; class Verify { public function index(){ return Captcha::create("verify"); } } ~~~ ## 配置文件表： ~~~ <?php // +---------------------------------------------------------------------- // | Captcha配置文件 // +---------------------------------------------------------------------- return [ //驗證碼位數 'length' => 5, // 驗證碼字符集合 'codeSet' => '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY', // 驗證碼過期時間 'expire' => 1800, // 是否使用中文驗證碼 'useZh' => false, // 是否使用算術驗證碼 'math' => false, // 是否使用背景圖 'useImgBg' => false, //驗證碼字符大小 'fontSize' => 25, // 是否使用混淆曲線 'useCurve' => true, //是否添加雜點 'useNoise' => true, // 驗證碼字體 不設置則隨機 'fontttf' => '', //背景顏色 'bg' => [243, 251, 254], // 驗證碼圖片高度 'imageH' => 0, // 驗證碼圖片寬度 'imageW' => 0, // 添加額外的驗證碼設置 'verify' => [ 'length'=>4, 'imageH' => 38, 'imageW' => 95, //驗證碼字符大小 'fontSize' => 14, ], ]; ~~~ # 第二種模式驗證碼適合異步提交 ``` http://packagist.p2hp.com/packages/edward1108/edward-captcha ```