GroupBlog

如何实现？

开始我的想法是有一个验证码库，每个图片有一个名字，在数据库中保存对应的图片名和其中对应的字符。便打算去下载一些图片。打开浏览器才发现这种方法实为下成，并非一个好的解决方案。然后便找到很多处理图片的php函数，用它们来生成图片。

如何匹配？

服务器生成图片的时候，定然知道图片的内容，即验证码，这是最终要和用户提交的验证码进行匹配的。那么如何来在服务器端保存这个验证码呢？php提供了一个很好的解决办法，session。关于何为session,请点这里。

具体代码

分为三个，一个html的包含验证码的表单提交、一个php的生成验证码文件、一个php的检查验证码正确与否。
captcha.php

<?php
//设置session
session_start();

$image = imagecreatetruecolor(100,30);
//设置验证码颜色
$bgcolor = imagecolorallocate($image,255,255,255); //#ffffff
//区域填充 int imagefill(int im,int x,int y,int col) (x,y)所在区域着色
imagefill($image,0,0,$bgcolor);
//设置变量
$captcha_code = "";
//随机生成数字
for($i = 0;$i<4;$i++){
    //设置字体大小
    $fontsize = 6;
    //设置字体颜色，随机颜色
    $fontcolor = imagecolorallocate($image,rand(0,120),rand(0,120),rand(0,120));
    //设置数字
    $fontcontent = rand(0,9);
    //链接定义的变量
    $captcha_code .= $fontcontent;
    //设置坐标
    $x = ($i*100/4) + rand(5,10);
    $y = rand(5,10);

    imagestring($image,$fontsize,$x,$y,$fontcontent,$fontcolor);
}

//保存到session
$_SESSION['authcode'] = $captcha_code;
//增加干扰元素，设置雪花点
for($i=0;$i<200;$i++){
    //设置点的颜色，50-200颜色比较浅，不干扰阅读
    $pointcolor = imagecolorallocate($image,rand(50,200),rand(50,200),rand(50,200));
    //imagesetpixel - 画一个单一像素
    imagesetpixel($image,rand(1,99),rand(1,29),$pointcolor);
}
for($i = 0;$i<4;$i++){
    //设置线的颜色
    $linecolor = imagecolorallocate($image,rand(80,220),rand(80,220),rand(80,220));
    //设置线，两点一线
    imageline($image,rand(1,99),rand(1,29),rand(1,99),rand(1,29),$linecolor);
}

//设置头部 ,image/png
header('Content-Type:image/png');
//imagepng() 建立png图形
imagepng($image);
//结束图形函数，销毁,$image
imagedestroy($image);
?>

code.html

<!doctype html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>确认验证码</title>
    </head>
    <body>
        <form method="post" action="form.php">
            <p>验证码：<img id="captcha_img" border='1' src='captcha.php?r=<?php echo rand(); ?>'style="width:100px; height:30px" />

                <a href="javascript:void(0)" onclick="document.getElementById('captcha_img').src='captcha.php?r=' +Math.random()">换一个?</a>
            </p>
            <p>请输入验证码:<input type="text" name='authcode' value=''/></p>
            <p><input type='submit' value='提交' style='padding:6px 5px;'/></p>
    </body>
</html>

form.php

<?php
session_start();

if($_POST['authcode'] == $_SESSION['authcode']){
    echo 'ok';
}else{
    echo 'no';
}
?>

具体结果

其中在code.html中有一段java script代码，开始我还在担心能否派上用场，经过学习知道这段脚本是浏览器来解析，并非是服务器的事情。