php怎么制作動態(tài)隨機驗證碼

本篇內容主要講解“php怎么制作動態(tài)隨機驗證碼”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“php怎么制作動態(tài)隨機驗證碼”吧!

一.php圖像處理簡介

      在PHP5中，動態(tài)圖象的處理要比以前容易得多。PHP5在php.ini文件中包含了GD擴展包，只需去掉GD擴展包的相應注釋就可以正常使用了。PHP5包含的GD庫正是升級的GD2庫，其中包含支持真彩圖像處理的一些有用的JPG功能。

      一般生成的圖形，通過PHP的文檔格式存放，但可以通過HTML的圖片插入方式SRC來直接獲取動態(tài)圖形。比如，驗證碼、水印、微縮圖等。

      創(chuàng)建圖像的一般流程：

1).設定標頭，告訴瀏覽器你要生成的MIME類型。

2).創(chuàng)建一個圖像區(qū)域，以后的操作都將基于此圖像區(qū)域。

3).在空白圖像區(qū)域繪制填充背景。

4).在背景上繪制圖形輪廓輸入文本。

5).輸出最終圖形。

6).清除所有資源。

7).其他頁面調用圖像。

第一步，設置文件MIME類型，輸出類型 將輸出類型改成圖像流

復制代碼 代碼如下:

header('Content-Type: image/png;');

一般生成的圖像可以是png,jpeg,gif,wbmp

第二步，創(chuàng)建一個圖形區(qū)域，圖像背景

imagecreatetruecolor() 返回一個圖像標識符，代表了一幅大小為 x_size 和 y_size 的黑色圖像。語法：resource imagecreatetruecolor ( int $width , int $height )

復制代碼 代碼如下:

$im = imagecreatetruecolor(200,200);

第三步，在空白圖像區(qū)域繪制填充背景

要有顏色填充器；imagecolorallocate -- 為一幅圖像分配顏色；語法：int imagecolorallocate ( resource $image , int $red , int $green , int $blue )

復制代碼 代碼如下:

$blue = imagecolorallocate($im,0,102,255);

將這個blue顏色填充到背景上去；imagefill -- 區(qū)域填充；語法：bool imagefill ( resource $image , int $x , int $y , int $color )

復制代碼 代碼如下:

imagefill($im,0,0,$blue);

第四步，在藍色的背景上輸入一些線條，文字等

顏色填充器

復制代碼 代碼如下:

$white = imagecolorallocate($im,255,255,255);

畫兩條線段：imageline

imageline() 用 color 顏色在圖像 image 中從坐標 x1，y1 到 x2，y2（圖像左上角為 0, 0）畫一條線段。語法：bool imageline ( resource $image , int $x1 , int $y1 , int $x2 , int $y2 , int $color )

復制代碼 代碼如下:

imageline($im,0,0,200,200,$white);
imageline($im,200,0,0,200,$white);

水平地畫一行字符串：imagestring

imagestring() 用 col 顏色將字符串 s 畫到 image 所代表的圖像的 x，y 坐標處（這是字符串左上角坐標，整幅圖像的左上角為 0，0）。如果font 是 1，2，3，4 或 5，則使用內置字體。語法：bool imagestring ( resource $image , int $font , int $x , int $y , string $s , int $col )

復制代碼 代碼如下:

imagestring($im,5,66,20,'jingwhale',$white);

第五步，輸出最終圖形

imagepng() 將 GD 圖像流（image）以 PNG 格式輸出到標準輸出（通常為瀏覽器），或者如果用 filename 給出了文件名則將其輸出到該文件。語法：bool imagepng ( resource $image [, string $filename ] )

復制代碼 代碼如下:

imagepng($im);

第六步，我要將所有的資源全部清空

imagedestroy() 釋放與 image 關聯的內存。語法：bool imagedestroy ( resource $image )

復制代碼 代碼如下:

imagedestroy($im);

其他頁面（html）調用創(chuàng)建的圖形

復制代碼 代碼如下:

<img src="Demo4.php" alt="PHP創(chuàng)建的圖片" />

示例代碼如下：

復制代碼 代碼如下:

<?php
    //第一步，設置文件MIME類型
    header('Content-Type: image/png;');
    //第二步，創(chuàng)建一個圖形區(qū)域，圖像背景
    $im = imagecreatetruecolor(200,200);
    //第三步，在空白圖像區(qū)域繪制填充背景
    $blue = imagecolorallocate($im,0,102,255);   
    imagefill($im,0,0,$blue);
    //第四步，在藍色的背景上輸入一些線條，文字等
    $white = imagecolorallocate($im,255,255,255);
    imageline($im,0,0,200,200,$white);
    imageline($im,200,0,0,200,$white);
    imagestring($im,5,66,20,'Jing.Whale',$white);
    //第五步，輸出最終圖形
    imagepng($im);
    //第六步，我要將所有的資源全部清空
    imagedestroy($im);   
?>

顯示效果：

二.創(chuàng)建動態(tài)驗證碼

附：代碼源地址https://github.com/cnblogs-/php-captcha

1. 創(chuàng)建帶驗證碼的圖片，并模糊背景

隨機碼采用16進制;模糊背景即在圖片背景加上線條、雪花等。

1）創(chuàng)建隨機碼
  

復制代碼 代碼如下:

for ($i=0;$i<$_rnd_code;$i++) {
        $_nmsg .= dechex(mt_rand(0,15));
    }
string dechex ( int $number )，返回一字符串，包含有給定 number 參數的十六進制表示。

2）保存在session
 

復制代碼 代碼如下:

$_SESSION['code'] = $_nms

3)創(chuàng)建圖片

復制代碼 代碼如下:

//創(chuàng)建一張圖像
$_img = imagecreatetruecolor($_width,$_height);
//白色
$_white = imagecolorallocate($_img,255,255,255);
//填充
imagefill($_img,0,0,$_white);
if ($_flag) {
//黑色,邊框
    $_black = imagecolorallocate($_img,0,0,0);
    imagerectangle($_img,0,0,$_width-1,$_height-1,$_black);
}

4)模糊背景

復制代碼 代碼如下:

//隨機畫出6個線條
for ($i=0;$i<6;$i++) {
   $_rnd_color = imagecolorallocate($_img,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
   imageline($_img,mt_rand(0,$_width),mt_rand(0,$_height),mt_rand(0,$_width),mt_rand(0,$_height),$_rnd_color);
   }
//隨機雪花
for ($i=0;$i<100;$i++) {
   $_rnd_color = imagecolorallocate($_img,mt_rand(200,255),mt_rand(200,255),mt_rand(200,255));
   imagestring($_img,1,mt_rand(1,$_width),mt_rand(1,$_height),'*',$_rnd_color);
   }

5)輸出及銷毀

復制代碼 代碼如下:

//輸出驗證碼
for ($i=0;$i<strlen($_SESSION['code']);$i++) {
        $_rnd_color = imagecolorallocate($_img,mt_rand(0,100),mt_rand(0,150),mt_rand(0,200));
        imagestring($_img,5,$i*$_width/$_rnd_code+mt_rand(1,10),mt_rand(1,$_height/2),$_SESSION['code'][$i],$_rnd_color);
    }
//輸出圖像
header('Content-Type: image/png');
imagepng($_img);
//銷毀
imagedestroy($_img);

將其封裝在global.func.php全局函數庫中，函數名為_code()，以便調用。我們將設置$_width ,$_height ,$_rnd_code,$_flag 四個參數，以增強函數的靈活性。

* @param int $_width 驗證碼的長度：如果要6位長度推薦75+50；如果要8位，推薦75+50+50，依次類推
* @param int $_height 驗證碼的高度
* @param int $_rnd_code 驗證碼的位數
* @param bool $_flag 驗證碼是否需要邊框：true有邊框， false無邊框（默認）

封裝后的代碼如下：

復制代碼 代碼如下:

<?php
/**
 *      [verification-code] (C)2015-2100 jingwhale.
 *     
 *      This is a freeware
 *      $Id: global.func.php 2015-02-05 20:53:56 jingwhale$
 */
/**
 * _code()是驗證碼函數
 * @access public
 * @param int $_width 驗證碼的長度：如果要6位長度推薦75+50；如果要8位，推薦75+50+50，依次類推
 * @param int $_height 驗證碼的高度
 * @param int $_rnd_code 驗證碼的位數
 * @param bool $_flag 驗證碼是否需要邊框：true有邊框， false無邊框（默認）
 * @return void 這個函數執(zhí)行后產生一個驗證碼
 */
function _code($_width = 75,$_height = 25,$_rnd_code = 4,$_flag = false) {
    //創(chuàng)建隨機碼
    for ($i=0;$i<$_rnd_code;$i++) {
        $_nmsg .= dechex(mt_rand(0,15));
    }
    //保存在session
    $_SESSION['code'] = $_nmsg;
    //創(chuàng)建一張圖像
    $_img = imagecreatetruecolor($_width,$_height);
    //白色
    $_white = imagecolorallocate($_img,255,255,255);
    //填充
    imagefill($_img,0,0,$_white);
    if ($_flag) {
        //黑色,邊框
        $_black = imagecolorallocate($_img,0,0,0);
        imagerectangle($_img,0,0,$_width-1,$_height-1,$_black);
    }
    //隨即畫出6個線條
    for ($i=0;$i<6;$i++) {
        $_rnd_color = imagecolorallocate($_img,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
        imageline($_img,mt_rand(0,$_width),mt_rand(0,$_height),mt_rand(0,$_width),mt_rand(0,$_height),$_rnd_color);
    }
    //隨即雪花
    for ($i=0;$i<100;$i++) {
        $_rnd_color = imagecolorallocate($_img,mt_rand(200,255),mt_rand(200,255),mt_rand(200,255));
        imagestring($_img,1,mt_rand(1,$_width),mt_rand(1,$_height),'*',$_rnd_color);
    }
    //輸出驗證碼
    for ($i=0;$i<strlen($_SESSION['code']);$i++) {
        $_rnd_color = imagecolorallocate($_img,mt_rand(0,100),mt_rand(0,150),mt_rand(0,200));
        imagestring($_img,5,$i*$_width/$_rnd_code+mt_rand(1,10),mt_rand(1,$_height/2),$_SESSION['code'][$i],$_rnd_color);
    }
    //輸出圖像
    header('Content-Type: image/png');
    imagepng($_img);
    //銷毀
    imagedestroy($_img);
}
?>

2.創(chuàng)建驗證機制

創(chuàng)建php驗證頁面，通過session來檢驗驗證碼是否一致。

1）創(chuàng)建verification-code.php驗證頁面

復制代碼 代碼如下:

<?php
/**
 *      [verification-code] (C)2015-2100 jingwhale.
 *
 *      This is a freeware
 *      $Id: verification-code.php 2015-02-05 20:53:56 jingwhale$
 */
//設置字符集編碼
header('Content-Type: text/html; charset=utf-8');
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>verification code</title>
    <link rel="stylesheet" type="text/css" href="style/basic.css" />
</head>
<body>
    <div id="testcode">
        <form method="post" name="verification" action="verification-code.php?action=verification">
            <dl>
                <dd>驗證碼：<input type="text" name="code" class="code" /><img src="codeimg.php" id="codeimg"  /></dd>
                <dd><input type="submit" class="submit" value="驗證" /></dd>
            </dl>
        </form>
    </div>
</body>
</html>

顯示如下：

2）創(chuàng)建產生驗證碼圖片頁面

創(chuàng)建codeimg.php為verification-code.php html代碼里的img提供驗證碼圖片

首先必須在codeimg.php頁面開啟session；

其次，將我們封裝好的global.func.php全局函數庫引入進來；

最后，運行_code();

復制代碼 代碼如下:

<?php
/**
 *      [verification-code] (C)2015-2100 jingwhale.
 *     
 *      This is a freeware
 *      $Id: codeimg.php 2015-02-05 20:53:56 jingwhale$
 */
//開啟session
session_start();
//引入全局函數庫（自定義）
require dirname(__FILE__).'/includes/global.func.php';
//運行驗證碼函數。通過數據庫的_code方法，設置驗證碼的各種屬性,生成圖片
_code(125,25,6,false);
?>

3）創(chuàng)建session檢驗機制

首先必須在verification-code.php頁面也開啟session；

其次，設計提交驗證碼的方式，本文以get方式提交，當action=verification時提交成功；

最后，創(chuàng)建驗證函數，原理是將客戶端用戶提交的驗證碼同服務器codeimg.php中session的驗證碼是否一致；這里有一個js彈窗函數_alert_back()，我們也把它封裝在global.func.php里；

修改verification-code.php中php代碼如下：

復制代碼 代碼如下:

<?php
/**
 *      [verification-code] (C)2015-2100 jingwhale.
 *
 *      This is a freeware
 *      $Id: verification-code.php 2015-02-05 20:53:56 jingwhale$
 */
//設置字符集編碼
header('Content-Type: text/html; charset=utf-8');
//開啟session
session_start();
//引入全局函數庫（自定義）
require dirname(__FILE__).'/includes/global.func.php';
//檢驗驗證碼
if ($_GET['action'] == 'verification') {
    if (!($_POST['code'] == $_SESSION['code'])) {
        _alert_back('驗證碼不正確!');
    }else{
        _alert_back('驗證碼通過！');
    }
} 
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>verification code</title>
    <link rel="stylesheet" type="text/css" href="style/basic.css" />
    <script type="text/javascript" src="js/codeimg.js"></script>
</head>
<body>
    <div id="testcode">
        <form method="post" name="verification" action="verification-code.php?action=verification">
            <dl>
                <dd>驗證碼：<input type="text" name="code" class="code" /><img src="codeimg.php" id="codeimg"  /></dd>
                <dd><input type="submit" class="submit" value="驗證" /></dd>
            </dl>
        </form>
    </div>
</body>
</html>

3.實現點擊驗證碼圖片更新驗證碼

上面若想實現驗證碼更新，必須刷新頁面；我們寫一個codeimg.js函數實現點擊驗證碼圖片更新驗證碼

復制代碼 代碼如下:

window.onload = function () {
    var code = document.getElementById('codeimg');//通過id找到html中img標簽
    code.onclick = function () {//為標簽添加點擊事件
        this.src='codeimg.php?tm='+Math.random();//修改時間，重新指向codeimg.php
    };   
}

然后在verification-code.php html代碼head里<link>它即可。

到此，相信大家對“php怎么制作動態(tài)隨機驗證碼”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！