PHP 使用 GD 库绘制验证码的完整流程

核心逻辑与代码实现

第一步：生成随机验证码并保存状态

验证码的本质在于“服务端生成、客户端显示、再次提交时验证”。首先，我们需要在服务器端生成一组随机字符。

操作说明：

• 目的：产生用户肉眼可识别但程序难以瞬间OCR识别的字符序列。
• 入口：PHP 脚本文件（如 index.php）。
• 动作：初始化 session_start() 以维持会话状态，随后循环生成 4 个介于 1 到 15 之间的随机数，并使用 dechex() 将其转换为十六进制字符（0-9, a-f），拼接成最终的验证码字符串。

<?php
// 启动 Session，用于后续验证比对
session_start();

$checkCode = "";
// 循环 4 次，生成 4 位验证码字符
for ($i = 0; $i < 4; $i++) {
    // dechex() 将十进制转为十六进制（结果范围为 0-f）
    $checkCode .= dechex(rand(1, 15));
}

// 将生成的验证码存入 Session，供登录页校验时使用
$_SESSION['checkCode'] = $checkCode;
?>

第二步：创建画布并绘制干扰背景

为了防止简单的图形识别工具直接提取文字，需要在图片上添加干扰元素。GD 库提供了强大的绘图函数来实现这一过程。

操作说明：

• 目的：建立绘图空间，并通过绘制随机线条增加识别难度。
• 入口：继续使用 index.php。
• 参数：画布大小设为 100x30 像素；干扰线条设定为 30 条。
• 动作：使用 imagecreatetruecolor() 创建真彩色画布。接着使用循环调用 imagearc() 绘制随机位置、大小和颜色的弧线。颜色值通过 imagecolorallocate() 动态分配 RGB 分量。

// 创建宽 100，高 30 的真彩色图像资源
$image = imagecreatetruecolor(100, 30);

// 制造干扰：创建 30 条随机弧线
for ($j = 0; $j < 30; $j++) {
    // x1, y1: 椭圆中心起点
    // width, height: 椭圆宽度与高度
    // start, end: 开始角度与结束角度
    // color: 随机生成的颜色
    imagearc(
        $image,
        rand(0, 100), rand(0, 30),
        rand(0, 100), rand(0, 30),
        rand(0, 360), rand(0, 360),
        imagecolorallocate($image, rand(0, 155), rand(0, 255), rand(0, 255))
    );
}

第三步：写入验证码文字并输出图像

完成背景绘制后，需要将生成的验证码字符串写入图像中，并将其作为图像流发送到浏览器。

操作说明：

• 目的：展示最终视觉效果。
• 动作：定义白色字体颜色 $white。使用 imagestring() 将 $checkCode 放置在画布上。位置采用随机偏移以增加抗识别能力。设置 HTTP 头部类型为 image/png，告知浏览器这是一个图片而非文本。最后调用 imagedestroy() 释放内存资源。

// 定义字体颜色为白色 (R:255, G:255, B:255)
$white = imagecolorallocate($image, 255, 255, 255);

// 在画布上打印字符串
// 字体大小 2-5，X位置 5-70，Y位置 2-15（随机分布）
imagestring($image, rand(2, 5), rand(5, 70), rand(2, 15), $checkCode, $white);

// 告诉浏览器当前内容是 PNG 图片
header("Content-Type: image/png");
imagepng($image);

// 销毁图像资源，释放内存
imagedestroy($image);

前端集成与交互优化

验证码脚本 index.php 编写完成后，需要在登录页面中引入它。为了让用户体验更好，通常提供点击刷新功能。

第四步：HTML 模板引用与防缓存处理

操作说明：

• 目的：在表单中展示验证码图片，并确保每次请求获取最新图片。
• 入口：HTML 登录表单页面（如 login.php）。
• 动作：使用 <img> 标签指向 index.php。为了避免浏览器缓存旧图片，在 src 属性中添加随机查询参数 ?a=+random()，并在点击事件触发时更新此参数。

请输入验证码：

<img src="index.php" onclick="this.src='index.php?a='+Math.random()">

上述结构清晰地展示了从后端生成到前端展示的完整闭环。需要注意的是，虽然本例使用了简单的随机数字组合和基础干扰线，但在实际生产环境中，建议结合扭曲文字、多字体混合以及更复杂的噪点算法来提高安全性。

简要总结

利用 PHP 的 GD 库实现验证码的核心在于内存中的图形构建与 Session 的状态管理。通过掌握 imagecreatetruecolor、imagestring 及颜色分配函数的用法，开发者可以快速搭建基础的图形验证系统。以上就是利用 PHP 绘图函数实现简单验证码功能的详细内容，更多关于 PHP 图像处理与安全实践的资料请关注本站其它相关文章！