一、简单介绍验证码

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

2.验证码主要应用场景：登录、注册确定前，发布、回复信息前，疑似机器请求时，做人/机器校验。

3.实现步骤：

（1）生成底图；

依赖php图片处理库GD,http://php.net/manual/zh/book.image.php

（2）生成验证内容；

产生随机数,使用php函数rand（）；

（3）生成验证码图片;

（4）校验验证内容

需要php操作SESSION基础，将验证内容保存在服务器端；前端Ajax基础

4.开发前的准备：

（1）php运行环境(我用的是Laragon)；

在www目录下新建一个文件夹test，新建一个test.php文件

<?phpecho "hello,world!!";

启动Laragon，查看页面：

（2）检查PHP是否支持GD，通过在php文件中使用函数 phpinfo（）输出查看即可。

在test1.php中写入函数

<?phpphpinfo();

刷新页面，在出现的也页面，搜索gd，查看是否支持，若不支持，请自行百度寻找方法：

二、php实现验证码---数字验证码

1.新建一个captcha.php文件，写入下列代码。实现验证码图片：

<?php//必须至于顶部,多服务器端记录验证码信息，便于用户输入后做校验session_start();//默认返回的是黑色的照片$image = imagecreatetruecolor(100, 30);//将背景设置为白色的$bgcolor = imagecolorallocate($image, 255, 255, 255);//将白色铺满地图imagefill($image, 0, 0, $bgcolor);//空字符串，每循环一次，追加到字符串后面  $captch_code='';//验证码为随机四个数字for ($i=0; $i < 4; $i++) { $fontsize=6;$fontcolor=imagecolorallocate($image,rand(0,120),rand(0,120),rand(0,120));//产生随机数字0-9$fontcontent = rand(0,9);$captch_code.= $fontcontent;//数字的位置，0，0是左上角。不能重合显示不完全$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');imagepng($image);//销毁imagedestroy($image);

查看效果如下：刷新一次，内容或会变化一次

2.新建一个form.php文件，写入下列代码。实现校验：

<?phpif (isset($_REQUEST['authcode'])) {session_start();if (strtolower($_REQUEST['authcode'])==$_SESSION['authcode']) {echo'<font color ="#0000CC"> 输出正确</font>';# code...}else{echo $_REQUEST['authcode'];echo $_SESSION['authcode'];echo'<font color ="#CC0000"> 输出错误</font>';}exit();}
?><!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>确认验证码</title></head><body><form method="" ="post" action="./form.php"><p>验证码图片：<img  id="captcha_img" border="1" src="./captcha.php?r=<?php echo rand(); ?>" alt="" width="100" height="30"><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 20px;"></p></form></body></html>

实现结果如下，点击换一个，会换一个验证码。

输入图片中内容，如果正确，提示输入正确，如果错误，提示输入错误。样式自行修改。

三、php实现验证码---数字字母验证码

1.生成验证码图片，只需将产生随机数字的代码换成产生随机数字字母的代码，其他代码与二中保持一致

//验证码为随机四个字符，数字和字母for ($i=0; $i <4 ; $i++) { $fontsize=6;$fontcolor=imagecolorallocate($image,rand(0,120),rand(0,120),rand(0,120));//子典。因为o和0，l和1冲突，所以我们字典中不包括易混淆的$data='abcdefghijkmnpqrstuvwxy3456789';$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);}

效果如下：