php
<?php
/**
* Created by PhpStorm.
* User: finejade
* Date: 2023-10-19
* Time: 11:07
*/
session_start(); // 启动Session
require_once('common.php');
session_start();
/*定义头文件为图片*/
header("Content-type: image/png");
/*生成验证码*/
/*创建图片设置字体颜色*/
$w = 70;
$h = 25;
$im = imagecreate($w, $h);
$red = imagecolorallocate($im, 255, 255, 255);
$white = imagecolorallocate($im, 255, 255, 255);
/*随机生成两个数字*/
$num1 = rand(1, 20);
$num2 = rand(1, 20);
$_SESSION ["captcha"] = $num1 + $num2;
/*设置图片背景颜色*/
$gray = imagecolorallocate($im, 118, 151, 199);
$black = imagecolorallocate($im, mt_rand(0, 100), mt_rand(0, 100), mt_rand(0, 100));
/*创建图片背景*/
imagefilledrectangle($im, 0, 0, 100, 24, $black);
/*在画布上随机生成大量点*/
for ($i = 0; $i < 80; $i++) {
imagesetpixel($im, rand(0, $w), rand(0, $h), $gray);
}
/*将计算验证码写入到图片中*/
imagestring($im, 5, 5, 4, $num1, $red);
imagestring($im, 5, 30, 3, "+", $red);
imagestring($im, 5, 45, 4, $num2, $red);
imagestring($im, 5, 70, 3, "=", $red);
imagestring($im, 5, 80, 2, "?", $white);
/*输出图片*/
imagepng($im);
imagedestroy($im);
代码中校验
php
session_start();
$captcha = isset($_POST['captcha']) ? $_POST['captcha'] : '';
if ($_SESSION ["captcha"] != $captcha) {
return error('图形验证码不正确');
}
前端代码
html
<img src="captcha.php" width="70" height="30" id="valid-img" title="点击再换一张" class="vail_img" alt="验证码图片"/>
js
$("#valid-img").click(function () {
$(this)[0].src ='captcha.php?'+Math.random();
})