php之驗證碼小程式

標籤：src   put   遍曆   查看   word   像素   擷取   之間   pix   

驗證碼功能(個人理解):

1. 減輕伺服器的壓力（如12306的驗證碼功能）；
2. 防止暴力註冊

個人思路:在a-z，A-Z，1-9產生n位隨機的數來構成新的驗證碼。

關於產生驗證碼的幾個小函數

1. range() //指定範圍輸出一個數組

a)       如: range(1,9)

1. array_merge()//合并數組

a)       array_merge(數組1,數組2….)

1. array_rand(數組,數量)

a)       隨機從數組中取出幾個下標返回一個數組

1. shuffle(數組)//將再一次打亂數組中元素
2. mt_rand(指定一個範圍) //產生一個更好的隨機數
3. 如: mt_rand(1,5) //產生一個在1-5之間的任意數

產生驗證碼代碼

<?php

              $arr1=range(‘a‘, ‘z‘);//指定範圍輸出一個數組

              $arr2=range(‘A‘, ‘Z‘);

              $arr3=range(1,9);

              $arr=array_merge($arr1,$arr2,$arr3); //合并數組

              $index = array_rand($arr,5); //在$arr中隨機取5個數，傳回值是$arr的下標

Shuffle($index);

              $code = ‘‘;//定義一個空的字串來儲存產生的驗證碼用’點’來進行拼接

              foreach ($index as $key => $value) {//遍曆數組

                     $code.= $arr[$value];//根據下標取數組中的值

              }

              var_dump($code);

        ?>

運行結果

 

完善：要把驗證碼添加到映像中這樣的驗證碼才逼真

在完善之前先介紹有關映像建立的大致步驟

建立映像

方法一: 建立一個真彩色映像 (空畫布)

imagecreatetruecolor(width, height) //建立一個真彩色映像

說明:

1. width : 畫布的寬度(像素)
2. height: 畫布的高度(像素)
3. 傳回值為映像資源

 

 

注意：

 

為真彩色映像: 填充顏色

imagefill(image, x, y, color) //為映像資源填充顏色

說明:

1. image //映像資源
2. x,y,填充的座標點(注意:填充的與此點最接近的顏色)

color; //用什麼顏色來填充

為真彩色映像: 分配顏色

imagecolorallocate(image, red, green, blue)

說明:

1. image //映像資源
2. red: //紅顏色(0-255) 或 0x(00-ff) //即十六進位來表示 (0xff就是255)
3. green//綠顏色(0-255)
4. blue //藍顏色(0-255)

imagefill和imagecolorallocate的代碼示範

在沒有給畫布填充顏色時的效果

 

給畫布填充顏色時的效果和代碼

<?php

//建立映像資源(空白畫布)預設顯示為黑色

$image = imagecreatetruecolor(300, 400);

//1.image //映像資源

//2.red: //紅顏色(0-255) 或 0x(00-ff) //即十六進位來表示 (0xff就是255)

//3.green//綠顏色(0-255)

//4.blue //藍顏色(0-255)

$color = imagecolorallocate($image, 255, 0, 0);

//1.image //映像資源

//2.x,y,填充的座標點(注意:填充的與此點最接近的顏色)

//3.color; //用什麼顏色來填充

imagefill($image, 0, 0, $color);

//輸出映像

header(‘content-type:image/jpeg‘);

imagejpeg($image);

//銷毀映像資源

imagedestroy($image);

?>

結果；

 

輸出映像（以jpeg為例）

1. 輸出映像到瀏覽器

a)       header(‘content-type:image/jpeg‘); //設定將映像通過瀏覽來查看

b)      imagejpeg(映像資源) 

1. 按檔案進行輸出映像

a)       imagejpeg(映像資源,’映像路徑’,映像的品質)    //品質取值0-100

b)      注意:

 

注意：只能jpeg格式才有品質這個參數.

銷毀映像

imagedestroy($image); //銷毀映像,釋放記憶體資源.

注意: 當前產生幾個映像資源,就銷毀幾個.

 

驗證碼的整個代碼：

 

 

<?php

//執行個體:讓文本居於映像的正中

//建立映像資源(空白的畫布)

$image = imagecreatetruecolor(100, 50);

 

$color = imagecolorallocate($image, mt_rand(20,200), mt_rand(20,200), mt_rand(20,200));

//為映像資源填充顏色

imagefill($image, 0, 0, $color);

 

//繪製映像

$font = 5;

//驗證碼的開始

$arr1 = range(‘a‘,‘z‘);

$arr3 = range(‘A‘,‘Z‘);

$arr2 = range(1,9);

//array_merge — 合并一個或多個數組

$arr = array_merge($arr1,$arr2,$arr3);

 

$index = array_rand($arr,5); //隨機從原數組中找出5個下標

$string = ‘‘;

foreach ($index as $value) { //$value 兩個功能,即是$index中的值,又是$arr中的下標

       $string .= $arr[$value];  //將得到字元進行串連

}

//驗證碼的結束

//mt_rand — 產生更好的隨機數

//echo mt_rand(1,5);die;

 

//加入點幹擾

$pointcolor = imagecolorallocate($image, mt_rand(20,200), mt_rand(20,200), mt_rand(20,200));

//迴圈建立1000個幹擾點

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

       imagesetpixel($image, mt_rand(0,imagesx($image)), mt_rand(0,imagesy($image)), $pointcolor);

}

 

//加入線的幹擾

$lintecolor = imagecolorallocate($image, mt_rand(20,200), mt_rand(20,200), mt_rand(20,200));

// 迴圈建立50個線幹擾

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

       imageline($image, mt_rand(0,imagesx($image)), mt_rand(0,imagesy($image)), mt_rand(0,imagesx($image)), mt_rand(0,imagesy($image)) ,$lintecolor);

}

//一個字元的寬度  imagefontwidth($font)

//字串的個數: strlen(字串)

//一個字元的寬度*字串的個數

//所有字串寬度和= 一個字元的寬度*字串的個數

//$x = (畫布的寬度-所有字串寬度和)/2

$x = (imagesx($image)-imagefontwidth($font)*strlen($string))/2;

//$y = (畫布的高度-字元的高度)/2;

//字元的高度: imagefontheight($font)

$y = (imagesy($image)-imagefontheight($font))/2;

 

$stringcolor = imagecolorallocate($image, mt_rand(20,200), mt_rand(20,200), mt_rand(20,200));

 

imagestring($image, $font, $x, $y, $string, $stringcolor);

 

//輸出映像

header(‘content-type:image/jpeg‘); //設定將映像通過瀏覽來查看

imagejpeg($image,‘‘,100); //將映像資源輸出

//銷毀映像資源

imagedestroy($image); //銷毀映像

 

 

理解代碼中的一些函數

 

加入幹擾的點

imagesetpixel(image, x, y, color)

說明:x,y 一個點的座標

 

 

加入幹擾的線

imageline(image, x1, y1, x2, y2, color)

說明: x1,y1是線的一個端點座標; x2,y2是線的另一個連接埠的座標; 由兩點畫一條線

 

 

讓驗證碼居於映像的正中

1. imagefontheight(font)擷取字型的高度:
2. imagefontwidth(font)擷取字型的寬度:
3. strlen(字串)//擷取字串的長度
4. imagesx(image) //擷取畫布的寬度
5. imagesy(image) //擷取畫布的高度

 

 

最後運行結果

 

 

再次完善（和html代碼結合起來）

Html代碼

 

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

 

<form name=‘frm‘ method=‘post‘ action=‘‘>

        <table width="30%" border="2" align="center" rules="all" cellpadding="10">

        <tr>

               <th colspan="2">請輸入資訊</th>

        </tr>

        <tr>

               <th>姓名:</th>

               <th><input type="text" name="username"></input></th>

        </tr>

        <tr>

               <th>密碼:</th>

               <th><input type="password" name="userpwd"></input></th>

        </tr>

        <tr> 555556

               <th>驗證碼</th>

               <th><input type = ‘text‘ name = ‘checkcode‘></input><img src="21.php" style="cursor:pointer" onclick="this.src=‘21.php‘?+Math.random()"></th>

        </tr>

        <tr>

               <th colspan="2"><input type="submit" name="submit" value="提交"></input></th>

        </tr>

</table>

</form>

</body>

</html>

 

理解；

 

最後結果

 

php之驗證碼小程式