php開發(fā)驗證碼(生成驗證碼)
通過上一節(jié),我們已經很好的掌握了圖像處理的精髓。
通過我們所掌握的知識。進行一些簡單的擴展,我們就可以寫出:網上最常用的一個小東西——驗證碼。
驗證碼是為了防止機器自動注冊、機器自動刷票最常用的手段之一。
我們來看一下驗證碼的效果:
我們根據上面的效果來推理實現(xiàn)的過程。
實現(xiàn)過程:
????1.生成指定寬高的畫布
????2.準備好字好需要生成的字符串
????3.每次執(zhí)行,讓背景填充隨機的顏色(淺色系)
????4.在畫布上畫上隨機的干擾元素(隨機點、隨機線、隨機弧形等均可,但不可過份影響用戶的視覺)
????5.寫上4個文字
????6.輸出header頭,告知瀏覽器按照某類型顯示
????7.輸出圖像
????8.銷毀圖像資源
上面的步驟把實現(xiàn)驗證碼的每一步都講清楚了。下面我們來根據這個過程來推理實現(xiàn)。
第一步、創(chuàng)建畫布
$img = imagecreate($width, $height);
我們可以定義一個自定義的寬和高。做一個函數(shù)將,可以通過函數(shù)傳入寬和高。這樣,可以修改驗證碼圖像的大小。
function check_code($width = 100, $height = 50) { $img = imagecreate($width, $height); }
第二步、生成驗證碼顯示的文字
驗證碼的文字通常有數(shù)字、字母。而為了區(qū)別驗證碼字符。我們可以用0-9A-Za-Z。但是0和o,l和I有的時候區(qū)分不清楚。我們如果不需要處理,可以想辦法去除掉:
方案一:
循環(huán)4個ascii碼,而ascii碼,而chr或者sprintf('%c',第二個參數(shù)傳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);
三、 每次執(zhí)行,讓背景填充隨機的顏色(淺色系)
文字是深色的看得清楚,而背景是潛色的。
背景的RGB顏色表示通常是這樣的,RGB顏色是三個色值,這三個色值都是從0-255。
而:
0-120 低數(shù)值是深色系。
130 - 255 通常為淺色系。
使用到圖片顏色的地方挺多的。因此,我可以定義分配顏色的功能:
//淺色的背景函數(shù) function randBg($img) { return imagecolorallocate($img, mt_rand(130, 255), mt_rand(130, 255), mt_rand(130, 255)); } //深色函數(shù),深色的字或者點這些干 擾元素 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針對我們創(chuàng)建的畫布來分配顏色。
//畫干擾元素 for ($i = 0; $i < 50; $i++) { imagesetpixel($img, mt_rand(0, $width), mt_rand(0, $height), randPix($img)); }
五、寫上4個文字
$string是一個字符串,字符串$string[0]為字符的第一個字符,依此類類推。
因此,我可在使用imagechar函數(shù)在圖像中寫入文字。
而寫入文字的x,y的坐標我們可以用一個公式推倒出來。
X位置 = 圖像寬/字符個數(shù)(4) * 循環(huán)次數(shù)。 得到的結果取整后再乘以每次循環(huán)的次數(shù)。假設圖像為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頭,告知瀏覽器按照某類型顯示
我們知道圖像類型的輸出函數(shù)都有:imagejpeg,imagepng,imagegif等特點。
而圖像的mime類型為image/jpeg,image/png,image/gif等。
因此,我們可以聲明一個變量:
$imagetype = 'jpeg';
$imagetype = 'png';
$imagetype = 'gif';
輸出header類型的時候執(zhí)行:
$header = 'Content-type:image/' . $imagetype;
執(zhí)行函數(shù)輸出的可以拼接出一個變量函數(shù):
$func = 'image' . $type;
如果我們的系統(tǒng)支持個類型,則使用function_exists檢測函數(shù)是否存在。存在則系統(tǒng)支持該類型,不存在則不支持該類型。
所以代碼可以寫成這樣:
$func = 'image' . $type; $header = 'Content-type:image/' . $type; if (function_exists($func)) { header($header); //變?yōu)榱薸magejpeg等 $func($img); } else { echo '圖片類型不支持'; }
八、銷毀資源,返回字符
以后在驗證的時候,大家需要把驗證碼顯示出來。并且,用戶輸出的驗證字符還需要與圖像中的驗證字符匹配。
所以要將驗證字符返回回來,供以后保存使用。
imagedestroy($img); return $string;
我們來看一下全部的準備完成的PHP函數(shù)文件,我們將上面的代碼封裝成一個統(tǒng)一的函數(shù)供大家來學習使用:
<?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)); } ?>