驗證碼在表單實現愈來愈多了,可是用js的寫的驗證碼,總以爲不方便,因此學習了下php實現的驗證碼。javascript
驗證碼在表單實現愈來愈多了,可是用js的寫的驗證碼,總以爲不方便,因此學習了下php實現的驗證碼。好吧,實際上是沒有事情幹,可是又不想浪費時間,所 以學習了下php實現驗證碼。正所謂,技多不壓身。並且,也能夠封裝成一個函數,之後使用的時候也是很方便的,固然如今未封裝。php
如今來講說簡單的純數字驗證碼吧。html
若是是初學者,建議按照我代碼的註釋 //數字 一步步來。最簡單的方法,仍是把整個代碼複製走了。java
新建一個captcha.php:數組
php //10>設置session,必須處於腳本最頂部 session_start(); $image = imagecreatetruecolor(100, 30); //1>設置驗證碼圖片大小的函數 //5>設置驗證碼顏色 imagecolorallocate(int im, int red, int green, int blue); $bgcolor = imagecolorallocate($image,255,255,255); //#ffffff //6>區域填充 int imagefill(int im, int x, int y, int col) (x,y) 所在的區域着色,col 表示欲塗上的顏色 imagefill($image, 0, 0, $bgcolor); //10>設置變量 $captcha_code = ""; //7>生成隨機數字 for($i=0;$i<4;$i++){ //設置字體大小 $fontsize = 6; //設置字體顏色,隨機顏色 $fontcolor = imagecolorallocate($image, rand(0,120),rand(0,120), rand(0,120)); //0-120深顏色 //設置數字 $fontcontent = rand(0,9); //10>.=連續定義變量 $captcha_code .= $fontcontent; //設置座標 $x = ($i*100/4)+rand(5,10); $y = rand(5,10); imagestring($image,$fontsize,$x,$y,$fontcontent,$fontcolor); } //10>存到session $_SESSION['authcode'] = $captcha_code; //8>增長干擾元素,設置雪花點 for($i=0;$i<200;$i++){ //設置點的顏色,50-200顏色比數字淺,不干擾閱讀 $pointcolor = imagecolorallocate($image,rand(50,200), rand(50,200), rand(50,200)); //imagesetpixel — 畫一個單一像素 imagesetpixel($image, rand(1,99), rand(1,29), $pointcolor); } //9>增長干擾元素,設置橫線 for($i=0;$i<4;$i++){ //設置線的顏色 $linecolor = imagecolorallocate($image,rand(80,220), rand(80,220),rand(80,220)); //設置線,兩點一線 imageline($image,rand(1,99), rand(1,29),rand(1,99), rand(1,29),$linecolor); } //2>設置頭部,image/png header('Content-Type: image/png'); //3>imagepng() 創建png圖形函數 imagepng($image); //4>imagedestroy() 結束圖形函數 銷燬$image imagedestroy($image);
接着就是靜態頁的代碼了:index.htmlsession
doctype html> dom
<html> 函數
<head> post
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 學習
<title>確認驗證碼title>
head>
<body>
<form method="post" action="./form.php">
<p>驗證碼: <img id="captcha_img" border='1' src='./captcha.php?r=echo rand(); ?>' style="width:100px; height:30px" />
<a href="javascript:void(0)" onclick="document.getElementById('captcha_img').src='./captcha.php?r='+Math.random()">換一個?a>
p>
<P>請輸入驗證碼:<input type="text" name='authcode' value=''/>p>
<p><input type='submit' value='提交' style='padding:6px 5px;'/>p>
body>
html>
從index.html能夠看到,提交的表單是到form.php的,因此還要有一個判斷的form.php代碼:
php
header("Content-Type:text/html;charset=utf-8"); //設置頭部信息
//isset()檢測變量是否設置
if(isset($_REQUEST['authcode'])){
session_start();
//strtolower()小寫函數
if(strtolower($_REQUEST['authcode'])== $_SESSION['authcode']){
//跳轉頁面
echo "<script language=\"javascript\">";
echo "document.location=\"./form.php\"";
echo "</script>";
}else{
//提示以及跳轉頁面
echo "<script language=\"javascript\">";
echo "alert('輸入錯誤!');";
echo "document.location=\"./form.php\"";
echo "</script>";
}
exit();
}
顯示頁面以下:
那麼,純數字的實現了,數字加英文的也應該不難了。要修改的代碼 只是在 captcha.php 將 //7>生成隨機數字 修改爲 //7>生成隨機的字母和數字,若是你真的很可愛的就修改這幾個字就認爲能夠實現的話,那麼祝賀你,你永遠保持快樂。腦殘兒童歡樂多。
廢話很少說了,拉代碼吧。
php //10>設置session,必須處於腳本最頂部 session_start(); $image = imagecreatetruecolor(100, 30); //1>設置驗證碼圖片大小的函數 //5>設置驗證碼顏色 imagecolorallocate(int im, int red, int green, int blue); $bgcolor = imagecolorallocate($image,255,255,255); //#ffffff //6>區域填充 int imagefill(int im, int x, int y, int col) (x,y) 所在的區域着色,col 表示欲塗上的顏色 imagefill($image, 0, 0, $bgcolor); //10>設置變量 $captcha_code = ""; //7>生成隨機的字母和數字 for($i=0;$i<4;$i++){ //設置字體大小 $fontsize = 8; //設置字體顏色,隨機顏色 $fontcolor = imagecolorallocate($image, rand(0,120),rand(0,120), rand(0,120)); //0-120深顏色 //設置須要隨機取的值,去掉容易出錯的值如0和o $data ='abcdefghigkmnpqrstuvwxy3456789'; //取出值,字符串截取方法 strlen獲取字符串長度 $fontcontent = substr($data, rand(0,strlen($data)),1); //10>.=連續定義變量 $captcha_code .= $fontcontent; //設置座標 $x = ($i*100/4)+rand(5,10); $y = rand(5,10); imagestring($image,$fontsize,$x,$y,$fontcontent,$fontcolor); } //10>存到session $_SESSION['authcode'] = $captcha_code; //8>增長干擾元素,設置雪花點 for($i=0;$i<200;$i++){ //設置點的顏色,50-200顏色比數字淺,不干擾閱讀 $pointcolor = imagecolorallocate($image,rand(50,200), rand(50,200), rand(50,200)); //imagesetpixel — 畫一個單一像素 imagesetpixel($image, rand(1,99), rand(1,29), $pointcolor); } //9>增長干擾元素,設置橫線 for($i=0;$i<4;$i++){ //設置線的顏色 $linecolor = imagecolorallocate($image,rand(80,220), rand(80,220),rand(80,220)); //設置線,兩點一線 imageline($image,rand(1,99), rand(1,29),rand(1,99), rand(1,29),$linecolor); } //2>設置頭部,image/png header('Content-Type: image/png'); //3>imagepng() 創建png圖形函數 imagepng($image); //4>imagedestroy() 結束圖形函數 銷燬$image imagedestroy($image);
其餘的兩個頁面,不準要修改。
通常而言,如今就已經夠用了。可是就像動漫同樣,總會有番外。
那麼,咱們來個漢字的番外吧。其實我也準備將漢字的驗證碼放到個人畢業設計裏面,雖然如今很流行滑動驗證碼,可是本人畢竟不是專門學習js的。
並且,還能夠和辯的老師說,咱們驗證碼不須要素材,連圖片也是生成的,用本身的知識裝13,也沒有設麼的。
php //11>設置session,必須處於腳本最頂部 session_start(); //1>設置驗證碼圖片大小的函數 $image = imagecreatetruecolor(200, 60); //5>設置驗證碼顏色 imagecolorallocate(int im, int red, int green, int blue); $bgcolor = imagecolorallocate($image,255,255,255); //#ffffff //6>區域填充 int imagefill(int im, int x, int y, int col) (x,y) 所在的區域着色,col 表示欲塗上的顏色 imagefill($image, 0, 0, $bgcolor); //7>設置ttf字體 $fontface = 'FZYTK.TTF'; //7>設置字庫,實現簡單的數字儲備 $str='天地不仁以萬物爲芻狗聖人不仁以百姓爲芻狗這句常常出如今控訴暴君暴政上地殘暴不仁把萬物都當成低賤的豬狗來看待而那些高高在上的所謂聖人們也沒兩樣還不是把咱們老百姓也當成豬狗不如的東西但實在正取的解讀是地不情感用事對萬物一視同仁聖人不情感用事對百姓一視同仁執子之手與子偕老當男女主人公含情脈脈看着對方說了句執子之手與子偕老女方淚眼朦朧含羞地回一句討厭啦這樣的情節咱們是否是見過不少可是咱們來看看這句的原句死生契闊與子成說執子之手與子偕老於嗟闊兮不我活兮于嗟洵兮不我信兮意思是說戰士之間的約定說要一塊兒死如今和我約定的人都走了我怎麼活啊赤裸裸的兄弟江湖戰友友誼啊形容好基友的基情比男女之間的愛情要合適不少吧'; //str_split()切割字符串爲一個數組,一箇中文在utf_8爲3個字符 $strdb = str_split($str,3); //>11 $captcha_code = ''; //8>生成隨機的漢子 for($i=0;$i<4;$i++){ //設置字體顏色,隨機顏色 $fontcolor = imagecolorallocate($image, rand(0,120),rand(0,120), rand(0,120)); //0-120深顏色 //隨機選取中文 $in = rand(0,count($strdb)); $cn = $strdb[$in]; //將中文記錄到將保存到session的字符串中 $captcha_code .= $cn; /*imagettftext (resource $image ,float $size ,float $angle ,int $x ,int $y,int $color, string $fontfile ,string $text ) 幕布 ,尺寸,角度,座標,顏色,字體路徑,文本字符串 mt_rand()生成更好的隨機數,比rand()快四倍*/ imagettftext($image, mt_rand(20,24),mt_rand(-60,60),(40*$i+20),mt_rand(30,35),$fontcolor,$fontface,$cn); } //11>存到session $_SESSION['authcode'] = $captcha_code; //9>增長干擾元素,設置點 for($i=0;$i<200;$i++){ //設置點的顏色,50-200顏色比數字淺,不干擾閱讀 $pointcolor = imagecolorallocate($image,rand(50,200), rand(50,200), rand(50,200)); //imagesetpixel — 畫一個單一像素 imagesetpixel($image, rand(1,199), rand(1,59), $pointcolor); } //10>增長干擾元素,設置線 for($i=0;$i<4;$i++){ //設置線的顏色 $linecolor = imagecolorallocate($image,rand(80,220), rand(80,220),rand(80,220)); //設置線,兩點一線 imageline($image,rand(1,199), rand(1,59),rand(1,199), rand(1,59),$linecolor); } //2>設置頭部,image/png header('Content-Type: image/png'); //3>imagepng() 創建png圖形函數 imagepng($image); //4>imagedestroy() 結束圖形函數 銷燬$image imagedestroy($image);
其餘的頁面也是不須要修改的。
效果圖以下: