現在來說說簡單的純數字驗證碼吧。
如果是初學者,建議按照我代碼的注釋 //數字 一步步來。最簡單的方法,還是把整個代碼復制走了。
新建一個captcha.php:
<?php //11>設置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.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <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> </form> </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》即可,其他兩個頁面不需要動,代碼如下:
<?php //11>設置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);