php新手,写了一个web登录界面,除了用户名,密码,感觉有个验证码会比较cool一点,便根据参考书的简单介绍,写了一个image.php来生成简单的图片验证码,颇有感慨,分享一下。
1. 图片验证码生成步骤:
(1)产生随机字符串(假设只需6位),使用session进行保存,以便验证;
<?php
$string = "abcdefghijklmnopqrstuvwxyz0123456789";
$str = "";
for($i=;$i<;$i++){
$pos = rand(,);
$str .= $string{$pos};
}
session_start();
$_SESSION['img_number'] = $str;
(2)创建一张简单的图片(80X20),设置背景色,文本色,再加一些干扰线,干扰素;
$img_handle = Imagecreate(, ); //图片大小80X20
$back_color = ImageColorAllocate($img_handle, , , ); //背景颜色(白色)
$txt_color = ImageColorAllocate($img_handle, ,, ); //文本颜色(黑色) //加入干扰线
for($i=;$i<;$i++)
{
$line = ImageColorAllocate($img_handle,rand(,),rand(,),rand(,));
Imageline($img_handle, rand(,), rand(,), rand(,),rand(,), $line);
}
//加入干扰象素
for($i=;$i<;$i++)
{
$randcolor = ImageColorallocate($img_handle,rand(,),rand(,),rand(,));
Imagesetpixel($img_handle, rand()% , rand()% , $randcolor);
}
(3)填充图片背景色,再将产生的随机字符串填充图片;
Imagefill($img_handle, , , $back_color); //填充图片背景色
ImageString($img_handle, , , , $str, $txt_color);//水平填充一行字符串
(4)清空输出缓存区,再生成验证码图片,并显示图片。
ob_clean(); // ob_clean()清空输出缓存区
header("Content-type: image/png"); //生成验证码图片
Imagepng($img_handle);//显示图片
?>
2. 图片验证码的引用
在form表单中添加验证码图片,src=“image.php” 就是根据上面步骤用于产生验证码图片的php,为了增加效果,添加了js刷新验证码的功能,可以参考。
<form id="form1" name="form1" method="post" action="post.php">
<input type="text" name="code" />
<img src="data:image.php" id = "refresh" title="刷新验证码" align="absmiddle" onclick="document.getElementById('refresh').src='image.php' ">
<font color="#ffffff">点击图片刷新</font>
<input type="submit" value="登录"/>
</form>
3. 验证码的验证
在post.php中使用第一步保存字符串的session与用户输入的验证码进行匹配。
<?php
session_start();
if($_POST['code'] == $_SESSION['img_number']){
echo "验证码正确";
}else{
echo "验证码错误";
}
?>
4. 效果展示:
生成的验证码图片:
在登录框中的效果:
4. 遗留问题探讨
(1)生成验证码图片,并显示图片前,为何要使用ob_clean()清空输出缓存区 ??
鉴于本人对于PHP不太熟悉,可参考 :http://www.php.net/manual/zh/function.ob-clean.php
(2)填充进图片的字体有没有办法设置大小??
ImageString这个函数使用的是内置字体,只能换成imagettftext()函数。可参考:http://us3.php.net/manual/zh/function.imagettftext.php
欢迎讨论,请轻喷~