0:效果图

 

1:index.php用来生成验证码图片

btpanel phpsite 宝塔面板PHP网站

宝塔面板 PHP 网站管理：站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

下载

<?php
session_start();
header ('Content-Type: image/png');
$image=imagecreatetruecolor(100, 30);
//背景颜色为白色
$color=imagecolorallocate($image, 255, 255, 255);
imagefill($image, 20, 20, $color);
// for($i=0;$i<4;$i++){
    // $font=6;
    // $x=rand(5,10)+$i*100/4;
    // $y=rand(8, 15);
    // $string=rand(0, 9);
    // $color=imagecolorallocate($image, rand(0,120), rand(0,120), rand(0,120));
    // imagestring($image, $font, $x, $y, $string, $color);
// }
$code='';
for($i=0;$i<4;$i++){
    $fontSize=8;
    $x=rand(5,10)+$i*100/4;
    $y=rand(5, 15);
    $data='abcdefghijklmnopqrstuvwxyz123456789';
    $string=substr($data,rand(0, strlen($data)),1);
    $code.=$string;
    $color=imagecolorallocate($image,rand(0,120), rand(0,120), rand(0,120));
    imagestring($image, $fontSize, $x, $y, $string, $color);
}
$_SESSION['code']=$code;//存储在session里
for($i=0;$i<200;$i++){
    $pointColor=imagecolorallocate($image, rand(100, 255), rand(100, 255), rand(100, 255));
    imagesetpixel($image, rand(0, 100), rand(0, 30), $pointColor);
}
for($i=0;$i<2;$i++){
    $linePoint=imagecolorallocate($image, rand(150, 255), rand(150, 255), rand(150, 255));
    imageline($image, rand(10, 50), rand(10, 20), rand(80,90), rand(15, 25), $linePoint);
}
imagepng($image);
imagedestroy($image);
?>

2:form.php前端页面.用于输入验证码并验证

立即学习“PHP免费学习笔记（深入）”；

<?php
    if(isset($_REQUEST['code'])){
         session_start();
        if($_REQUEST['code']==$_SESSION['code']){
            echo "<font color='red'>输入正确</font>";
        }else{
            echo "<font color='red'>输入错误</font>";
        }
    }
?>
<!DOCTYPE html>
<html>
    <head>
        <meta chartset="UTF-8" />
        <style type="text/css" rel="stylesheet">
            a{
                text-decoration:none;
                font-size:30px;
                color:blue;
            }
            a:hover{
                text-decoration:underline;
            }
        </style>
    </head>
    <body>
        <form action="form.php" method="get">
            验证码:  <img id="img" src="index.php?" onclick="changeCode()"/>
            <a href="javascript:void(0)" onclick="changeCode()">看不清?</a> <br />
            请输入验证码: <input name="code" /><br />
            <input type="submit" value="提交" />
        </form>
    </body>
    <script type="text/javascript">
        
        function changeCode(){
            var img=document.getElementById('img');
            //img.src='index.php?r='+Math.random();
            img.setAttribute('src','index.php?r='+Math.random());
        }
    </script>
</html>