当前位置:首页 > PHP

php实现图片验证码

2026-02-13 22:02:26PHP

生成图片验证码的方法

使用PHP的GD库可以轻松生成图片验证码。以下是一个简单的实现示例:

<?php
session_start();

$width = 120;
$height = 40;
$image = imagecreatetruecolor($width, $height);

$bgColor = imagecolorallocate($image, 255, 255, 255);
imagefill($image, 0, 0, $bgColor);

$chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
$charLength = strlen($chars);
$code = '';

for ($i = 0; $i < 4; $i++) {
    $char = $chars[rand(0, $charLength - 1)];
    $code .= $char;

    $textColor = imagecolorallocate($image, rand(0, 120), rand(0, 120), rand(0, 120));
    $fontSize = rand(16, 24);
    $x = ($i * 30) + rand(5, 10);
    $y = rand(20, 30);

    imagettftext($image, $fontSize, rand(-15, 15), $x, $y, $textColor, 'arial.ttf', $char);
}

for ($i = 0; $i < 5; $i++) {
    $lineColor = imagecolorallocate($image, rand(100, 220), rand(100, 220), rand(100, 220));
    imageline($image, rand(0, $width), rand(0, $height), rand(0, $width), rand(0, $height), $lineColor);
}

for ($i = 0; $i < 50; $i++) {
    $pixelColor = imagecolorallocate($image, rand(100, 220), rand(100, 220), rand(100, 220));
    imagesetpixel($image, rand(0, $width), rand(0, $height), $pixelColor);
}

$_SESSION['captcha'] = $code;

header('Content-Type: image/png');
imagepng($image);
imagedestroy($image);
?>

验证码的使用方法

在前端HTML页面中,可以通过img标签引用验证码生成脚本:

<img src="captcha.php" id="captcha" onclick="this.src='captcha.php?'+Math.random()">
<input type="text" name="captcha" required>

验证用户输入

在处理表单提交时,需要验证用户输入的验证码:

session_start();
if (strtolower($_POST['captcha']) !== strtolower($_SESSION['captcha'])) {
    die('验证码错误');
}

增强验证码安全性

为了增加验证码的安全性,可以考虑以下改进措施:

使用更复杂的字符组合,包括特殊符号 增加验证码的扭曲和变形效果 添加背景干扰元素 限制验证码的尝试次数 设置验证码的有效期

php实现图片验证码

注意事项

确保服务器已安装GD库 字体文件路径需要正确配置 验证码生成后应立即销毁图像资源 会话机制需要正常工作 验证码长度和复杂度应根据安全需求调整

标签: 验证码图片
分享给朋友:

相关文章

php验证码的实现

php验证码的实现

PHP 验证码实现方法 使用 GD 库生成基础验证码 创建画布并生成随机字符串作为验证码内容: session_start(); $width = 120; $height = 40; $image…

react如何引入图片

react如何引入图片

在React中引入图片的方法 使用import直接引入 将图片文件放在项目src目录下(如src/images),通过ES6的import语法引入: import logo from './…

vue实现生成图片

vue实现生成图片

Vue 实现生成图片的方法 使用 html2canvas 库 html2canvas 是一个流行的库,可以将 DOM 元素转换为 Canvas,进而生成图片。适用于 Vue 项目。 安装 html2…

vue图片预览实现

vue图片预览实现

实现图片预览的常见方法 在Vue中实现图片预览功能可以通过多种方式完成,以下是几种常见的方法: 使用第三方库(如viewer.js) 安装viewer.js库: npm install v-vie…

vue实现预览图片

vue实现预览图片

实现图片预览功能 在Vue中实现图片预览功能可以通过多种方式完成,以下是几种常见的方法: 使用原生HTML5的dialog元素 通过HTML5的dialog元素可以快速实现模态框效果,结合图片展示实…

vue实现图片定位

vue实现图片定位

Vue 实现图片定位的方法 使用 CSS 定位 通过 CSS 的 position 属性可以实现图片的绝对或相对定位。在 Vue 模板中直接绑定样式或类名。 <template> &…