看到了一篇文章PHP面向对象(OOP)——自封装<验证码类> 写得不错，就拿来模仿学习。感谢作者 @Demoer
veriy_code.jpg
- 复制代码作者代码运行出现了错误，仔细检查了一下，发现个别手误，
//开始填充
private function fillBg
{
imagefill($this->res,0,0$this->setDarkColor());
}
少了（）
//开始填充
private function fillBg()
{
imagefill($this->res,0,0$this->setDarkColor());
}
以及个别处的 this , 漏了$ 符号。
- 修改完毕之后， 网页可以正常打开生成的验证码图片。
但是由于，想在表单处，如注册页面加入，却没办法直接插入。作者代码是直接生成了图片输出来。经和作者交流，得到一些建议。
a) 将实例化写在 封装好的类 verify.class.php 内 ， 然后 在其他页面通过
<img src= 'verify.class.php' />
实现图片生成在指定位置， 此方法可行，但是如何验证？ 再次咨询作者，得到建议是可以将生成验证码的字符串放到session里面，其他页面可以通过获取用户输入和session内存储的验证码比较。方法可行，但是个人觉得还是不在类内实例对象。于是，本人对代码进行了简单修改。
- 想法：通过图片转成二进制，然后在html 页面指定位置渲染。
格式如下：
data:[<MIME-type>][;charset=<encoding>][;base64],<data>
如：
base64.png
于是修改了两个方法
作者原来的方法是
//输出图片资源
private function outPutImg()
{
//header('Content-type:image/图片类型')
header('Content-type:image/'.$this->imgType);
//根据图片类型，调用不同的方法输出图片
//imagepng($img)/imagejpg($img)
$func = 'image'.$this->imgType;
$func($this->res);
}
//开始准备生成图片
/*方法名：show()
*功能 ：调用生成图片的所有方法
*/
public function show()
{
$this->createImg();//创建图片资源
$this->fillBg(); //填充背景颜色
$this->fillPix(); //填充干扰点
$this->fillArc(); //填充干扰弧线
$this->writeFont();//写字
$this->outPutImg();//输出图片
}
本人将 outPutImg() 方法改成 outPutImgStr() 返回 二进制的字符串。 在show() 方法内 返回 从outPutImgStr() 得到的二进制字符串。
private function outPutImgStr()
{
//header('Content-type:image/图片类型')
//header('Content-type:image/'.$this->imgType);
ob_start();
//根据图片类型，调用不同的方法输出图片
//imagepng($img)/imagejpg($img)
$func = 'image'.$this->imgType;
$func($this->res);
// Capture the output
$imagedata = ob_get_contents();
// Clear the output buffer
ob_end_clean();
//$base64 = base64_encode($imagedata);
$base64 = 'data:image/' . $this->imgType . ';base64,' . base64_encode($imagedata);
return $base64;
}
//开始准备生成图片
/*方法名：show()
*功能 ：调用生成图片的所有方法
*/
public function show()
{
$this->createImg();//创建图片资源
$this->fillBg(); //填充背景颜色
$this->fillPix(); //填充干扰点
$this->fillArc(); //填充干扰弧线
$this->writeFont();//写字
return $this->outPutImgStr();//输出图片
}
修改后完整代码如下：
verify.class.php
//verify.class.php
<?php
//创建一个名为Verify的验证码类
class Verify
{
/*
定义验证码属性
*/
//图片的宽度
public $width;
//图片的高度
public $height;
//私有化验证码字符串，避免生成后被修改
private $verifyCode;
//存储验证码字符的个数
public $verifyNums;
//存储验证码的字符类型 1->纯数字 2->纯字母 3->混合类
public $verifyType;
//背景颜色
public $bgColor;
//文字颜色
public $fontColor;
//验证码的图片类型jpg,png,bmp……
public $imgType;
//图片资源
private $res;
/*
功能
*/
//功能函数，初始化一些可以被初始化的参数
public function __construct($width = 100,$height = 50,$imgType = 'jpg',$verifyNums = 4,$verifyType = 1)
{
$this->width = $width;
$this->height = $height;
$this->imgType = $imgType;
$this->verifyNums = $verifyNums;
$this->verifyType = $verifyType;
//初始化一个可以随机生成验证码的函数,将生成的验证码春初到verifyCode属性里
$this->verifyCode = $this->createVerifyCode();
}
//随机生成验证码的函数，因为不对外公布，设置为私有的
private function createVerifyCode()
{
//通过判断验证的类型来确定生成哪一种验证码
//verifyType=1生成纯数字，为2生成纯字母，为3生成混合
switch ($this->verifyType) {
case 1:
/*生成纯数字，首先使用range(0,9)生成数组
*通过$this->verifyNums确定字符串的个数
*使用array_rand()从数组中随机获取相应个数
*使用join将数字拼接成字符串，存储到$str中
*/
$str = join('',array_rand(range(0,9),$this->verifyNums));
break;
case 2:
/*生成纯字母，
*小写字母数组range('a','z')
*大写字母数组range('A','Z')
*合并两个数组array_merge()
*更换键和值 array_filp()
*随机获取数组中的特定个数的元素 array_rand()
*拼接成字符串 implode()
*/
$str = implode(array_rand(array_filp(array_merge(range('a','z'),range('A','Z'))),$this->verifyNums));
break;
case 3:
//混合类型
$words = str_shuffle('abcdefghjkmpopqrstuvwxyABCDEFGHIJKLMNPQRSTUVWXY3456789');
$str = substr($words,0,$this->verifyNums);
break;
}
return $str;
}
//开始准备生成图片
/*方法名：show()
*功能 ：调用生成图片的所有方法
*/
public function show()
{
$this->createImg();//创建图片资源
$this->fillBg(); //填充背景颜色
$this->fillPix(); //填充干扰点
$this->fillArc(); //填充干扰弧线
$this->writeFont();//写字
return $this->outPutImgStr();//输出图片
}
//创建图片资源:imagecreatetruecolor($width,$height)
private function createImg()
{
$this->res = imagecreatetruecolor($this->width,$this->height);
}
//填充背景颜色:imagefill($res,$x,$y,$color)
//随机生成深色--->imagecolorallocate($res,$r,$g,$b)
private function setDarkColor()
{
return imagecolorallocate($this->res,mt_rand(130,255),mt_rand(130,255),mt_rand(130,255));
}
//随机生成浅色
private function setLightColor()
{
return imagecolorallocate($this->res,mt_rand(0,130),mt_rand(0,130),mt_rand(0,130));
}
//开始填充
private function fillBg()
{
imagefill($this->res,0,0,$this->setDarkColor());
}
//随机生成干扰点-->imagesetpixel
private function fillPix()
{
//计算产生多少个干扰点，这里设置每20个像素产生一个
$num = ceil(($this->width * $this->height) / 20);
for($i = 0; $i < $num; $i++){
imagesetpixel($this->res,mt_rand(0,$this->width),mt_rand(0,$this->height),$this->setDarkColor());
}
}
//随机画10条弧线->imagearc()
private function fillArc()
{
for($i = 0;$i < 10;$i++){
imagearc($this->res,
mt_rand(10,$this->width-10),
mt_rand(5,$this->height-5),
mt_rand(0,$this->width),
mt_rand(0,$this->height),
mt_rand(0,180),
mt_rand(181,360),
$this->setDarkColor());
}
}
/*在画布上写文字
*根据字符的个数，将画布横向分成相应的块
$every = ceil($this->width/$this->verifyNums);
*每一个小块的随机位置画上对应的字符
imagechar();
*/
private function writeFont()
{
$every = ceil($this->width / $this->verifyNums);
for($i = 0;$i < $this->verifyNums;$i++){
$x = mt_rand(($every * $i) + 5,$every * ($i + 1) - 5);
$y = mt_rand(5,$this->height - 10);
imagechar($this->res,6,$x,$y,$this->verifyCode[$i],$this->setLightColor());
}
}
//输出图片资源
private function outPutImgStr()
{
//header('Content-type:image/图片类型')
//header('Content-type:image/'.$this->imgType);
ob_start();
//根据图片类型，调用不同的方法输出图片
//imagepng($img)/imagejpg($img)
$func = 'image'.$this->imgType;
$func($this->res);
// Capture the output
$imagedata = ob_get_contents();
// Clear the output buffer
ob_end_clean();
//$base64 = base64_encode($imagedata);
$base64 = 'data:image/' . $this->imgType . ';base64,' . base64_encode($imagedata);
return $base64;
}
//设置验证码字符只能调用，不能修改，用来验证验证码书否输入正确
public function __get($name){
if($name = 'verifyCode'){
return $this->verifyCode;
}
}
//析构方法，自动销毁图片资源
public function __destruct()
{
imagedestroy($this->res);
}
}
?>
项目目录结构
verifyCode
-- verify.class.php
-- index.php
index.php
<?php
//引用
include('verify.class.php');
//实例化
$verify = new Verify(100,40,'png',4,3);
//得到的二进制图片
$a= $verify->show();
//得到生成的验证码字符串，后面用于比较
$b= $verify->__get('verifyCode');
?>
<html>
<head>
<style type="text/css">
.here{
width:500px;
height:500px;
margin: 50px auto;
}
.here > input, image{
margin: 20px;
}
.here > input{
height: 40px;
}
.here > img{
margin-left: 60px;
}
</style>
</head>
<body>
<div class="here">
name:<input type="text" name="name"> <br>
<img src="<?php echo $a ?>"> <br>
code:<input type="text" name="code">
<p>correct code : <?php echo $b;?></p>
</div>
</body>
</html>
效果如下：
verify_code.png
