自己过去自学了PHP绘画验证码的教程，现在就把这一部分笔记跟大家分享，希望可以帮到大家。
顺带，我会在后面把我整理的一整套CSS3，PHP,MYSQL的开发的笔记打包放到百度云，有需要可以直接去百度云下载，这样以后你们开发就可以直接翻笔记不用百度搜那么麻烦了。
笔记链接： 密码：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 ); ?> |
综上的全部就是验证码代码的总结了，如果有需要可以到我下面的百度云里面下载对应的笔记。
笔记链接： 密码：pvj2