辛星和您用更简单的方式去实现PHP中的验证码

浏览数：23 / 时间：2015年06月09日

说实话，提到验证码我想大家都不会陌生，确实，验证码还是挺常见的，现在搜索一下PHP的验证码类简直是海量的数据，那我们今天就来实现一个自己的验证码把，不过它比较简单，这也是我说的用更简单的方式去实现一个验证码。

总的来说分成两步，第一步就是先实现一个验证码，第二步就是通过这个验证码来进行验证，我们先看一下如何去实现这个验证码，当然这里需要用到gd库的知识，请看下面的代码示例：

<?php
//首先要开启session
session_start();
//说明这是一张图片
header("Content-type:image/png");
//用来动态生成的数字和字母组合
$str = "3,4,5,6,7,8,9,a,b,c,d,e,f,g";
//转化为数组
$list = explode(",",$str);
//得到该数组的下标的最大值
$max = count($list) - 1;
//用于表示该验证码
$verify = "";
//生成验证码字符串
for($i = 0; $i <5;$i ++){
	$rand = mt_rand(0,$max);
	$verify .= $list[$rand];
}
//写入session
$_SESSION['code'] = $verify;
//生成一个58x28的图片
$im = imagecreate(58,28);
//产生黑色
$black = imagecolorallocate($im,0,0,0);
//产生白色
$white = imagecolorallocate($im,255,255,255);
//先用白色背景把图片刷成白色
imagefill($im,0,0,$white);
//然后把字符串写到图片上去
imagestring($im,5,10,8,$verify,$black);
//生成png图片，并且显示到屏幕上
imagepng($im);
//销毁该图片
imagedestroy($im);

这里顺便说一下画图的基本步骤把：首先创建一个图像，我们用imagecreate函数，然后用imagecolorallocate来调色，然后用各种imagexxx来绘制图像，最后用imagexxx来生成各种样式的图片，最后imagedestroy来销毁图片，大致都是这么一个流程。其中我感觉比较值得一提的是imagestring的参数，第一个表示绘画的图片这个没的说，第二额参数表示的是字体，如果为0,1,2,3,4,5则表示内置字体，第三个参数表示绘画的左上角的x坐标，第四个表示绘画的左上角的y坐标，第五个参数是颜色，我们这里采用了黑色来绘图。

来看一下我们生成的图片是什么样子的把：

那么我们怎么使用该验证码呢?既然文件都写好了，那么我们再写一个文件来导入该验证码就可以了，然后从session里面来得到它的值，看如下代码：

<html>
	<form action = "" method = "post">
	<input type="text" name = "code" />
	<img id = "code" src ="ver.php" />
	<button id = "change">更换</button><br />
	<input type = "submit" value = "确定" />
	</form>
 	<script type="text/javascript">
 		document.getElementById("change").addEventListener("click",change);
 		function change(){
 			//之所以加这个随机数是为了兼容IE浏览器
 			document.getElementById("code").src ="ver.php?"+Math.random();
 		}
 	</script>
</html>

<?php
session_start();
//一定要等post数据提交了在判断，
//否则一开始就会显示信息
if(isset($_POST['code'])){
	if($_POST['code'] == $_SESSION['code']){
		echo "验证码正确";
	}else{
		echo "验证码错误";
	}
}

这里使用了部分Javascript，如果读者不熟悉Javascript，那么大可以跳过去，下面是运行效果截图：