当前位置:首页 > 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标签引用验证码生成脚本:

php实现图片验证码

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

验证用户输入

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

php实现图片验证码

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

增强验证码安全性

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

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

注意事项

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

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

相关文章

vue实现图片轮播

vue实现图片轮播

Vue 实现图片轮播的方法 使用第三方库(推荐) 安装 vue-awesome-swiper 库,这是基于 Swiper 的 Vue 封装: npm install swiper vue-aweso…

php验证码实现

php验证码实现

验证码实现方法 在PHP中实现验证码功能通常涉及生成随机字符串或数字,将其转换为图像,并通过会话(Session)进行验证。以下是几种常见的实现方式: 使用GD库生成图像验证码 GD库是PHP内置的…

vue实现图片预览

vue实现图片预览

实现图片预览功能 在Vue中实现图片预览功能可以通过多种方式完成,常见的有使用原生HTML5的<dialog>元素、第三方库如viewer.js或vue-photo-preview,以及自…

js图片轮播的实现

js图片轮播的实现

基础图片轮播实现 使用HTML、CSS和JavaScript实现一个简单的图片轮播效果。HTML部分定义轮播容器和图片,CSS负责样式和过渡效果,JavaScript处理逻辑。 <div cl…

vue实现无缝图片

vue实现无缝图片

实现无缝图片轮播的方法 在Vue中实现无缝图片轮播,可以通过以下步骤完成。这种方法利用Vue的响应式特性和CSS动画,确保图片切换平滑且无缝。 使用vue-awesome-swiper库 安装vue…

vue实现图片切换

vue实现图片切换

实现图片切换的方法 使用v-for和v-bind动态绑定图片 通过v-for循环渲染图片列表,结合v-bind动态绑定图片路径,实现切换效果。 <template> <div&…