本文主要介紹了基於php實現的驗證碼小程式的具體實現方法,並做了詳細注釋,有利於理解與學習,需要的朋友一起來看下吧
驗證碼功能(個人理解):
減輕伺服器的壓力(如12306的驗證碼功能);
防止暴力註冊
個人思路:在a-z,A-Z,1-9產生n位隨機的數來構成新的驗證碼。
關於產生驗證碼的幾個小函數
range() //指定範圍輸出一個數組
a) 如: range(1,9)
array_merge()//合并數組
a) array_merge(數組1,數組2….)
array_rand(數組,數量)
a) 隨機從數組中取出幾個下標返回一個數組
產生驗證碼代碼
<?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) //建立一個真彩色映像
說明:
width : 畫布的寬度(像素)
height: 畫布的高度(像素)
傳回值為映像資源
注意:
為真彩色映像: 填充顏色
imagefill(image, x, y, color) //為映像資源填充顏色
說明:
為真彩色映像: 分配顏色
imagecolorallocate(image, red, green, blue)
說明:
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為例)
輸出映像到瀏覽器
a) header('content-type:image/jpeg'); //設定將映像通過瀏覽來查看
b) imagejpeg(映像資源)
按檔案進行輸出映像
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是線的另一個連接埠的座標; 由兩點畫一條線
讓驗證碼居於映像的正中
imagefontheight(font)擷取字型的高度:imagefontwidth(font)擷取字型的寬度:strlen(字串)//擷取字串的長度imagesx(image) //擷取畫布的寬度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>
理解;
最後結果
以上就是本文的全部內容,希望對大家的學習有所協助。