1、首先使用Composer下載驗證碼插件(jiàn)。如(rú)果沒有composer，點擊這裡(lǐ)下載并安裝。

安裝完成後，使用以下命令修改composer配置文件(jiàn)，使用國(guó)内鏡像。原因你(nǐ)懂(dǒng)的。

composer config -g repo.packagist composer https://packagist.phpcomposer.com

然後打開cmd窗(chuāng)口，進入項目根目錄，使用以下命令下載驗證碼插件(jiàn)：

composer require topthink/think-captcha

下載後的路(lù)徑是：vendor\topthink\think-captcha\src

2、确保項目配置文件(jiàn)application/config.php中，以下兩項配置爲true：

 'auto_start'   => true,

 'url_route_on' => true,

然後在配置文件(jiàn)中添加：

'captcha'  => [

        // 驗證碼字符集合

        'codeSet'  => '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY', 

        // 驗證碼字體(tǐ)大(dà)小(px)

        'fontSize' => 20, 

        // 是否畫(huà)混淆曲線

        'useCurve' => true, 

         // 驗證碼圖片高度

        'imageH'   => 30,

        // 驗證碼圖片寬度

        'imageW'   => 100, 

        // 驗證碼位數

        'length'   => 4, 

        // 驗證成功後是否重置        

        'reset'    => true

],

更詳細的參數配置，參考vendor\topthink\think-captcha\src\Captcha.php類文件(jiàn)中的說(shuō)明。

3、顯示驗證碼：

<img src="{:captcha_src()}" onclick="this.src='{:captcha_src()}?x='+Math.random();" />

4、幾個問(wèn)題：

訪問(wèn)http://192.168.0.102/3/public/，驗證碼無法顯示。

但(dàn)是訪問(wèn)http://192.168.0.102error404.html，驗證碼正常顯示。

解決方法：

打開vendor\topthink\think-captcha\src\helper.php文件(jiàn)，查找captcha_src方法，設置一個固定路(lù)徑，比如(rú)我是放(fàng)在web目錄下的3文件(jiàn)夾裡(lǐ)。

function captcha_src($id = "")

{

$root= \think\Url::root('error404.html'); 

    return \think\Url::build('/captcha' . ($id ? "/{$id}" : ''));

}

另外，useImgBg參數設置爲true後，會找不到圖片背景。修改vendor\topthink\think-captcha\src\Captcha.php的_background方法，把$path變量修改爲$path = dirname(__FILE__) . ‘/verify/bgs/’;

完整例子源碼：

控制器

<?php

namespace app\index\controller;

use think\Controller;

class Index extends Controller

{

    public function index()

    {

        return $this->fetch();

    }

public function checkcode() 

{

$code=input('yanzhengma');

if(!captcha_check($code))

{

echo "驗證碼錯誤！";

} else {

echo "驗證通過！";

}

}

}

?>

視圖index.html：

<form method="post" action="index.php/index/index/checkcode">

<input name="yanzhengma" type="text" />

<img src="{:captcha_src()}" onclick="this.src='{:captcha_src()}?x='+Math.random();" />

<input name="tijiao" type="submit" />

</form>

文章(zhāng)引用：

本站(zhàn)文章(zhāng)爲深圳網站(zhàn)建設·源美網絡原創策劃，如(rú)有版權糾紛或者違規問(wèn)題，請(qǐng)聯系我們删除，謝謝！