php新手,写了一个web登录界面,除了用户名,密码,感觉有个验证码会比较cool一点,便根据参考书的简单介绍,写了一个image.php来生成简单的图片验证码,颇有感慨,分享一下。
1. 图片验证码生成步骤:
(1)产生随机字符串(假设只需6位),使用session进行保存,以便验证;
php $string = abcdefghijklmnopqrstuvwxyz0123456789;
$str = ; for($i=0;$i6;$i++){ $pos = rand(0,35); $str .= $string{$pos}; } session_start(); $_session['img_number'] = $str;
(2)创建一张简单的图片(80x20),设置背景色,文本色,再加一些干扰线,干扰素;
$img_handle = imagecreate(80, 20); //图片大小80x20 $back_color = imagecolorallocate($img_handle, 255, 255, 255); //背景颜色(白色) $txt_color = imagecolorallocate($img_handle, 0,0, 0); //文本颜色(黑色) //加入干扰线 for($i=0;$i3;$i++) { $line = imagecolorallocate($img_handle,rand(0,255),rand(0,255),rand(0,255)); imageline($img_handle, rand(0,15), rand(0,15), rand(100,150),rand(10,50), $line); } //加入干扰象素 for($i=0;$i200;$i++) { $randcolor = imagecolorallocate($img_handle,rand(0,255),rand(0,255),rand(0,255)); imagesetpixel($img_handle, rand()%100 , rand()%50 , $randcolor); }
(3)填充图片背景色,再将产生的随机字符串填充图片;
imagefill($img_handle, 0, 0, $back_color); //填充图片背景色 imagestring($img_handle, 28, 10, 0, $str, $txt_color);//水平填充一行字符串
(4)清空输出缓存区,再生成验证码图片,并显示图片。
ob_clean(); // ob_clean()清空输出缓存区 header(content-type: image/png); //生成验证码图片 imagepng($img_handle);//显示图片?>
2. 图片验证码的引用
在form表单中添加验证码图片,src=“image.php” 就是根据上面步骤用于产生验证码图片的php,为了增加效果,添加了js刷新验证码的功能,可以参考。
image.php id = refresh title=刷新验证码 align=absmiddle onclick=document.getelementbyid('refresh').src='image.php' > 点击图片刷新 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
欢迎讨论,请轻喷~