php開發驗證碼(產生驗證碼)LOGIN

php開發驗證碼(產生驗證碼)

透過上一節,我們已經很好的掌握了影像處理的精髓。

透過我們所掌握的知識。進行一些簡單的擴展,我們就可以寫出:網路上最常用的一個小東西-驗證碼。

驗證碼是為了防止機器自動註冊、機器自動刷票最常用的手段之一。

我們來看看驗證碼的效果:

8.png

我們根據上面的效果來推理實現的過程。

實作過程:

    1.產生指定寬高的畫布

    2.準備好字需要產生的字串

    3.每次執行,讓背景填滿隨機的顏色(淺色系)

    4.在畫布上畫上隨機的干擾元素(隨機點、隨機線、隨機弧形等均可,但不可過份影響用戶的視野)

    5.寫上4個文字

    6.輸出header頭,告知瀏覽器依照某類型顯示

#    7.輸出圖片

    8.銷毀影像資源

上面的步驟把實作驗證碼的每一步都講清楚了。下面我們來根據這個過程來推理實作。
第一步、建立畫布

$img = imagecreate($width, $height);

#我們可以定義一個自訂的寬和高。做一個函數將,可以透過函數傳入寬和高。這樣,可以修改驗證碼圖像的大小。

function check_code($width = 100, $height = 50) {
    $img = imagecreate($width, $height);
}


第二步驟、產生驗證碼顯示的文字


驗證碼的文字通常有數字、字母。而為了區別驗證碼字元。我們可以用0-9A-Za-Z。但是0和o,l和I有的時候區分不清楚。我們如果不需要處理,可以想辦法去除掉:

方案一:循環4個ascii碼,而ascii碼,而chr或者sprintf('%c',第二個參數傳ascii碼) 將對應的字元轉為指定的字元。

   for ($i = 0; $i < $num; $i++) {
        $rand = mt_rand(0, 2);
        switch ($rand) {
            case 0:
                $ascii = mt_rand(48, 57); //0-9
                break;
            case 1:
                $ascii = mt_rand(65, 90); //A-Z
                break;
            case 2:
                $ascii = mt_rand(97, 122); //a-z
                break;
        }
        //chr()
        $string .= sprintf('%c', $ascii);
    }
方案二:方案一對很多人來說有點複雜,很多人理解不了ascci碼。有沒有更簡單的方案呢。單然有。我可以準備好字符,然後用str_shuffle打亂字符後使用substr進行截取。

//没有0,i,l,o
$str = 'abcdefghijkmnpqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ123456789';
$str = str_shuffle($str);
$string = substr($str,0 ,3);

三、 每次執行,讓背景填滿隨機的顏色(淺色系)



文字是深色的看得清楚,而背景是潛色的。

背景的RGB顏色表示通常是這樣的,RGB顏色是三個色值,這三個色值都是從0-255。

而:

0-120 低數值是深色系。 ###130 - 255 通常為淺色系。 ######使用到圖片顏色的地方還挺多的。因此,我可以定義分配顏色的功能:###
//浅色的背景函数
function randBg($img) {
    return imagecolorallocate($img, mt_rand(130, 255), mt_rand(130, 255), mt_rand(130, 255));
}
//深色函数,深色的字或者点这些干 扰元素
function randPix($img) {
    return imagecolorallocate($img, mt_rand(0, 120), mt_rand(0, 120), mt_rand(0, 120));
}
###四、在畫布上畫上隨機的干擾元素###

我們可以隨機的在圖片中畫上50個像素點。最小的位置為0,0。最大的位置為最大的寬或最大的高。

接著使用mt_rand(0,最大寬)、mt_rand(0,最大高)。再使用randPix針對我們創建的畫布來分配顏色。

   //画干扰元素
    for ($i = 0; $i < 50; $i++) {
        imagesetpixel($img, mt_rand(0, $width), mt_rand(0, $height), randPix($img));
    }

五、寫上4個文字

#$string是一個字串,字串$string[0]為字元的第一個字符,依此類類推。

因此,我可在使用imagechar函數在圖像中寫入文字。

而寫入文字的x,y的座標我們可以用一個公式推倒出來。

X位置 = 影像寬/字元數(4) * 循環次數。 得到的結果取整後再乘以每次迴圈的次數。假設影像為100個寬度,則:第一次寫在0的位置,第二次為 25,第三次為50,第四次為75。

Y位置 = mt_rand(0,影像高- 15)。

我們可以推導出下面的程式碼,就可以寫出對應的文字了:

   for ($i = 0; $i < $num; $i++) {
        $x = floor($width / $num) * $i;
        $y = mt_rand(0, $height - 15);
        imagechar($img, 5, $x, $y, $string[$i], randPix($img));
    }

六、輸出header頭,告知瀏覽器依照某類型顯示

我們知道圖片類型的輸出函數都有:imagejpeg,imagepng,imagegif等特點。

而圖片的mime類型為image/jpeg,image/png,image/gif等。

因此,我們可以宣告一個變數:

$imagetype = 'jpeg';
$imagetype = 'png';
$imagetype = 'gif';

輸出header類型的時候執行:

$header = 'Content-type:image/' . $imagetype;

執行函數輸出的可以拼接出一個變數函數:
$func = 'image' . $type;

如果我們的系統支援個類型,則使用function_exists檢測函數是否存在。存在則系統支援該類型,不存在則不支援該類型。

所以程式碼可以寫成這樣:

   $func = 'image' . $type;
    $header = 'Content-type:image/' . $type;
    if (function_exists($func)) {
        header($header);
        //变为了imagejpeg等
        $func($img);
    } else {
        echo '图片类型不支持';
    }

八、銷毀資源,回傳字元

以後在驗證的時候,大家需要把驗證碼顯示出來。並且,使用者輸出的驗證字元也需要與影像中的驗證字元相符。

所以要將驗證字元回傳回來,以便以後儲存使用。

   imagedestroy($img);
    return $string;

我們來看看全部的準備完成的PHP函數文件,我們將上面的程式碼封裝成一個統一的函數供大家來學習使用:

<?php

check_code();

function check_code($width = 100, $height = 50, $num = 4, $type = 'jpeg') {

   $img = imagecreate($width, $height);
   $string = '';
   for ($i = 0; $i < $num; $i++) {
       $rand = mt_rand(0, 2);
       switch ($rand) {
           case 0:
               $ascii = mt_rand(48, 57); //0-9
               break;
           case 1:
               $ascii = mt_rand(65, 90); //A-Z
               break;

           case 2:
               $ascii = mt_rand(97, 122); //a-z
               break;
       }
       //chr()
       $string .= sprintf('%c', $ascii);

   }
   //背景颜色
   imagefilledrectangle($img, 0, 0, $width, $height, randBg($img));

   //画干扰元素

   for ($i = 0; $i < 50; $i++) {

       imagesetpixel($img, mt_rand(0, $width), mt_rand(0, $height), randPix($img));

   }
   //写字
   for ($i = 0; $i < $num; $i++) {
       $x = floor($width / $num) * $i + 2;
       $y = mt_rand(0, $height - 15);

       imagechar($img, 5, $x, $y, $string[$i], randPix($img));

   }

   //imagejpeg

   $func = 'image' . $type;

   $header = 'Content-type:image/' . $type;

   if (function_exists($func)) {
       header($header);
       $func($img);
   } else {

       echo '图片类型不支持';
   }
   imagedestroy($img);
   return $string;

}
//浅色的背景
function randBg($img) {
   return imagecolorallocate($img, mt_rand(130, 255), mt_rand(130, 255), mt_rand(130, 255));
}
//深色的字或者点这些干 扰元素
function randPix($img) {
   return imagecolorallocate($img, mt_rand(0, 120), mt_rand(0, 120), mt_rand(0, 120));
}

?>


下一節
<?php check_code(); function check_code($width = 100, $height = 50, $num = 4, $type = 'jpeg') { $img = imagecreate($width, $height); $string = ''; for ($i = 0; $i < $num; $i++) { $rand = mt_rand(0, 2); switch ($rand) { case 0: $ascii = mt_rand(48, 57); //0-9 break; case 1: $ascii = mt_rand(65, 90); //A-Z break; case 2: $ascii = mt_rand(97, 122); //a-z break; } //chr() $string .= sprintf('%c', $ascii); } //背景颜色 imagefilledrectangle($img, 0, 0, $width, $height, randBg($img)); //画干扰元素 for ($i = 0; $i < 50; $i++) { imagesetpixel($img, mt_rand(0, $width), mt_rand(0, $height), randPix($img)); } //写字 for ($i = 0; $i < $num; $i++) { $x = floor($width / $num) * $i + 2; $y = mt_rand(0, $height - 15); imagechar($img, 5, $x, $y, $string[$i], randPix($img)); } //imagejpeg $func = 'image' . $type; $header = 'Content-type:image/' . $type; if (function_exists($func)) { header($header); $func($img); } else { echo '图片类型不支持'; } imagedestroy($img); return $string; } //浅色的背景 function randBg($img) { return imagecolorallocate($img, mt_rand(130, 255), mt_rand(130, 255), mt_rand(130, 255)); } //深色的字或者点这些干 扰元素 function randPix($img) { return imagecolorallocate($img, mt_rand(0, 120), mt_rand(0, 120), mt_rand(0, 120)); } ?>
章節課件