自己过去自学了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