验证码可以用在类似于用户登录、注册等需要验证的页面，防止恶意的或非人为的登录、注册等。
这里记录一下所学到的知识与大家分享。
什么是GD库
PHP手册中的介绍：
简介
PHP 并不仅限于创建 HTML 输出， 它也可以创建和处理包括 GIF， PNG， JPEG， WBMP 以及 XPM 在内的多种格式的图像。 更加方便的是，PHP 可以直接将图像数据流输出到浏览器。 要想在 PHP 中使用图像处理功能，你需要连带 GD 库一起来编译 PHP。 GD 库和 PHP 可能需要其他的库， 这取决于你要处理的图像格式。
你可以使用 PHP 中的图像函数来获取下列格式图像的大小： JPEG， GIF， PNG， SWF， TIFF 和 JPEG2000。
如果联合 exif 扩展 一起使用， 你可以操作存储在 JPEG 和 TIFF 图像文件头部的信息， 这样就就可以获取数码相机所产生的元数据。 exif 相关的函数不需要 GD 库亦可使用。
关于GD库的详细说明：请戳这里
GD库的使用方法
GD库是用来生成和处理图像的，使用GD库处理图像分为四个步骤：
1. 创建画布：画布的类似于我们在画画时使用的画布，画布可以是新创建的或者从图像文件读取的。
2. 处理图像：创建画布成功以后，就使用各种GD库函数处理图像了，可以设置图像的颜色、填充画布、画点、线段、各种几何图形，以及向图像中添加文本等。
3. 输出图像：处理完成后，可以将图片发送到浏览器或者保存到文件中。
4. 释放资源：这一步可以省略，因为php脚本结束后会自动释放资源
使用GD库生成图像验证码
生成图像验证码的步骤
- 创建新画布并填充背景色
- 添加图像中的干扰项，这些干扰项可以是圆弧、线条、点等
- 添加验证码内容, 这些内容一般是随机生成的四个数字或者字母
- 输出图像到浏览器，先使用header函数设置Content-Type通知浏览器发送的内容是图像，然后输出图像内容
- 释放资源，这步可以省略
代码例子
说的再多不如直接看代码，所以这里贴上代码例子：
（大家可以拿去直接使用）
<?php
/**
* 生成图像验证码
* 可以通过GET方法传入width和height设置图片大小
* 生成之后通过$_SESSION["vcode"]获取验证码
* @author luoluozlb <[email protected]> 2017/6/15
*/
$width = 150;
$height = 50;
if(isset($_GET['width'])){
$width = $_GET['width'];
}
if(isset($_GET['height'])){
$height = $_GET['height'];
}
$fontSize = $height / 2;
$fontFile = 'Monaco.ttf'; //字体文件位置
//随机产生一个背景颜色(暗色)
function RandomBackColor($imgSource){
return imagecolorallocate($imgSource, mt_rand(0, 128), mt_rand(0, 128), mt_rand(0, 128));
}
//随机产生一个颜色(亮色)
function RandomColor($imgSource){
return imagecolorallocate($imgSource, mt_rand(100, 255), mt_rand(100, 255), mt_rand(100, 255));
}
$img = imagecreatetruecolor($width, $height); //创建画布
imagefill($img, 0, 0, RandomBackColor($img)); //填充背景
//添加一些干扰直线
for($i = 0; $i < 3; ++ $i){
imageline($img, mt_rand(0, $width), mt_rand(0, $height), mt_rand(0, $width), mt_rand(0, $height), RandomColor($img));
}
//添加一些干扰弧线
for($i = 0; $i < 3; ++ $i){
imagearc($img, mt_rand(- $width, $width), mt_rand(- $height, $height), mt_rand(0, $width), mt_rand(0, $height), mt_rand(0, 360), mt_rand(0, 360), RandomColor($img));
}
//添加一些干扰点
for($i = 0; $i < 25; ++ $i){
imagesetpixel($img, mt_rand(0,150), mt_rand(0,60), RandomColor($img));
}
//生成验证码
$codeRange = '0123456789abcdefghijkmnpqrstuvwxyzABCDEFGHIJKLMNPQRSTUVWXYZ'; //验证码字符的取值范围
$code = '';
for($i = 0, $len = strlen($codeRange); $i < 4; ++ $i){ //循环4次，就是有四个随机的字母或者数字
$code .= $codeRange[mt_rand(0, $len - 1)];
}
//添加验证码到图像
$x = 10;
$dx = ($width - 10)/4;
$y = $height - ($height - $fontSize)/2;
for($i = 0; $i < 4; ++ $i){
imagettftext($img, $fontSize, mt_rand(-15, 15), $x, $y, RandomColor($img), $fontFile, $code[$i]);
$x += $dx;
}
session_start();
$_SESSION["vcode"] = $code; //验证码保存到seesion中
header("Content-Type: image/png");
imagepng($img); // 输出图像
imagedestroy($img); // 销毁图像
?>运行效果：
在登录页面中使用图像验证码
把上面的生成验证码图像的php脚本命名为vcode.php，这里给出使用它的例子：
<?php
$user = $password = $errmsg = '';
if($_SERVER['REQUEST_METHOD'] == 'POST'){
$user = $_POST['user'];
$password = $_POST['password'];
//验证用户名和密码
//code...
//验证验证码
session_start();
if(empty($_POST['vcode'])){
$errmsg = "请填写验证码！";
}
else{
if(0 == strcasecmp($_POST['vcode'], $_SESSION['vcode'])){ //不区分大小写比较
echo '登录成功！';
//header('location: index.php'); //跳转到首页
exit();
}else{
$errmsg = "验证码错误！";
}
}
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>用户登录</title>
</head>
<body>
<p><?php echo $errmsg; ?></p>
<form action="login.php" method="post">
<table>
<tr>
<td><label for='user'>用户名：</label></td>
<td><input type='text' name='user' id='user' value='<?php echo $user; ?>' /></td>
</tr>
<tr>
<td><label for='password'>密码：</label></td>
<td><input type='password' name='password' id='password' value='<?php echo $password; ?>' /></td>
</tr>
<tr>
<td><label for='vcode'>验证码：</label></td>
<td><input type='password' name='vcode' id='vcode' /></td>
<td><img src="vcode.php?width=100&height=35" alt="验证码"></td>
</tr>
<tr>
<td><input type="submit" value='登录'></td>
</tr>
</table>
</form>
</body>
</html>运行效果：
验证码验证错误时：
验证通过时：
完整的源码下载
附上完整的源码（带有字体文件）：
百度云盘链接：http://pan.baidu.com/s/1dEHRQ3f
提取密码：mi5h