PHP验证码的制作教程

自己过去自学了PHP绘画验证码的教程，现在就把这一部分笔记跟大家分享，希望可以帮到大家。

顺带，我会在后面把我整理的一整套CSS3，PHP,MYSQL的开发的笔记打包放到百度云，有需要可以直接去百度云下载，这样以后你们开发就可以直接翻笔记不用百度搜那么麻烦了。

 笔记链接：http://pan.baidu.com/s/1qYdQdKK 密码：pvj2

 

下面主要从理论+实践代码进行讲解，后面有代码实例。

 

一、验证码的介绍
验证码是为全自动区分计算机和人类的图灵测试的缩写。是一种区分用户是计算机和人的公共全自动程序。

二、验证码应用场景？
（都是为了区分人还是机器，屏蔽机器请求）
a)登录、注册确定提交前，做人/机器校验；
b)发布、回复信息前，做人/机器校验；
c)疑似机器请求时，做人/机器校验；
………………

 

三、验证码服务的核心技术分析
实现步骤：
　　1.生成底图；
　　2.生成验证内容；
　　3.生成验证码图片；
　　4.校验验证内容；

技术点：
　　a)底图的实现，并且添加干扰元素；
　　　　依赖PHP图片处理库GD
　　　　http://php.net/gd
　　b)生成验证内容
　　　　简单的随机数生成，使用PHP函数mt_rand()；
　　　　随机数字+字母生成，需要ASCII码理论基础；
　　　　随机中文生成，需要UTF-8编码理论基础；
　　c)验证内容保存在服务端；
　　　　需要PHP操作SESSION基础
　　d)验证内容的校验
　　　　需要前端Ajax基础；

注意事项：
　　a)依赖GD扩展
　　※b)输出图片前，必须提前输出图片header信息;
　　c)该方法默认输出为黑色背景

 

从理论部分，然后按步骤进行一步一步的写下面的代码：

验证码的实例：（基本的验证码）

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68

<?php      session_start();      // 先制作底图      $image  = imagecreatetruecolor(100, 30);      $bgcolor  = imagecolorallocate( $image , 255, 255, 255); //生成底片颜色,默认为黑色      imagefill( $image , 0, 0,  $bgcolor ); //x,y轴上的位置 /*// 在地图上显示随机数字      for($i=0;$i<4;$i++){          $fontsize=6;          $fontcolor = imagecolorallocate($image, rand(0,120), rand(0,120), rand(0,120));          $fontcontent=rand(0,9);//数字0~9          // 关键的部分 (注意事项：控制好字体大小与分布，避免字体重叠或显示不全)          $x=($i*100/4)+rand(5,10); //写在的坐标上          $y=rand(5,10);          imagestring($image, $fontsize, $x, $y, $fontcontent, $fontcolor);      } */ /*  //数字和字母验证码      for($i=0;$i<4;$i++){          $fontsize=6;          $fontcolor=imagecolorallocate($image, rand(0,120),rand(0,120), rand(0,120));          $data ='abcdefghigkmnpqrstuvwxy3456789';          $fontcontent=substr($data, rand(0,strlen($data)),1);          $x=($i*100/4+rand(5,10));          $y=rand(5,10);          imagestring($image, $fontsize, $x, $y, $fontcontent, $fontcolor);      }*/            $captch_code = "" ;      //字母验证码      for ( $i =0; $i <4; $i ++){          $fontsize =6;          $fontcolor =imagecolorallocate( $image , rand(0,120),rand(0,120), rand(0,120));          $data  = 'abcdefghigkmnpqrstuvwxy' ;          $fontcontent = substr ( $data , rand(0, strlen ( $data )),1);          $captch_code .= $fontcontent ;          $x =( $i *100/4+rand(5,10));          $y =rand(5,10);          imagestring( $image ,  $fontsize ,  $x ,  $y ,  $fontcontent ,  $fontcolor );      }      $_SESSION [ 'authcode' ]= $captch_code ;      // 添加点的干扰素      for ( $i =0; $i <200; $i ++){          $pointcolor  = imagecolorallocate( $image , rand(50,200), rand(50,200), rand(50,200));          imagesetpixel( $image , rand(1,99), rand(1,29),  $pointcolor );      }   // 添加线干扰      for ( $i =0; $i <3; $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 );      }      header( 'content-type:image/png' ); //输出png的图片      imagepng( $image ); //生成图片      // 销毁图片      imagedestroy( $image ); ?>

　　

关于PHP的验证代码部分后，就是配上前端的显示页面代码：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<! DOCTYPE  html> < html  lang="en"> < head >      < meta  charset="UTF-8">      < title >登录</ title > </ head > < body >      < form  action="reg.php" method="post">      < img  id="captcha_img" src="verify.php?r=<?php echo rand();?>">      < a  href="javascript:void(0);" onclick="document.getElementById('captcha_img').src='verify.php?+Math.random()';" title="换一个?">看不清?</ a >< br >          验证码：< input  type="text" name="authcode">          < input  type="submit" >      </ form > </ body > </ html >

　上面是数字的验证码，下面的这部分PHP是图片验证码的页面图片验证码的显示：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<?php      session_start();       // 图片的验证码      $table = array (          "pic0" => '狗' ,          "pic1" => '猫' ,          "pic2" => '鱼' ,          "pic3" => '鸟'          );      $index =rand(0,3);      $value = $table [ 'pic' . $index ];      $_SESSION [ 'authcode' ]= $value ;      $filename =dirname( __FILE__ ). '\\pic' . $index . '.jpg' ; //需要自己准备好图片！！

1	$contents=file_get_contents($filename); header('content-type:image/jpg'); echo $contents; ?>

　

下面这个是汉字的显示代码：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47

汉字的验证码: <?php      session_start();      // 先制作底图      $image  = imagecreatetruecolor(200, 60);      $bgcolor  = imagecolorallocate( $image , 255, 255, 255); //生成底片颜色,默认为黑色      imagefill( $image , 0, 0,  $bgcolor ); //x,y轴上的位置      $fontface = 'msyh.ttf' ;      $str = "刘恒春美女帅哥看这里来好样的我知道了是" ;      $strdb = str_split ( $str ,3); //每三个长算一个汉字      header( "content-type:text/html;charset='utf8'" );      $captch_code = "" ;      //中文验证码      for ( $i =0; $i <4; $i ++){          $fontcolor =imagecolorallocate( $image , rand(0,120),rand(0,120), rand(0,120));          $index =rand(0, count ( $strdb ));          $cn = $strdb [ $index ];          $captch_code .= $cn ;          imagettftext( $image , mt_rand(20,24), mt_rand(-60,60), (40* $i +20), mt_rand(30,35), $fontcolor , $fontface , $cn );      }      $_SESSION [ 'authcode' ]= $captch_code ;      // 添加点的干扰素      for ( $i =0; $i <200; $i ++){          $pointcolor  = imagecolorallocate( $image , rand(50,200), rand(50,200), rand(50,200));          imagesetpixel( $image , rand(1,199), rand(1,59),  $pointcolor );      }   // 添加线干扰      for ( $i =0; $i <3; $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 );      }      header( 'content-type:image/png' ); //输出png的图片      imagepng( $image ); //生成图片      // 销毁图片      imagedestroy( $image );       ?>

　　

综上的全部就是验证码代码的总结了，如果有需要可以到我下面的百度云里面下载对应的笔记。

笔记链接：http://pan.baidu.com/s/1qYdQdKK 密码：pvj2