首页 > 代码库 > PHP验证码的制作教程

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 =http://www.mamicode.com/‘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="http://www.mamicode.com/verify.php?r=<?php echo rand();?>">
    <a href="javascript:void(0);" onclick="document.getElementById(‘captcha_img‘).src=http://www.mamicode.com/‘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

 

PHP验证码的制作教程