前端开发PHP Dev程序员

简单验证码封装类

2017-02-21  本文已影响78人  2010jing

看到了一篇文章PHP面向对象(OOP)——自封装<验证码类> 写得不错,就拿来模仿学习。感谢作者 @Demoer

veriy_code.jpg
  1. 复制代码作者代码运行出现了错误,仔细检查了一下,发现个别手误,
      //开始填充
      private function fillBg
      {
        imagefill($this->res,0,0$this->setDarkColor());
      }
少了()
      //开始填充
      private function fillBg()
      {
        imagefill($this->res,0,0$this->setDarkColor());
      }

以及个别处的 this , 漏了$ 符号。

  1. 修改完毕之后, 网页可以正常打开生成的验证码图片。
    但是由于,想在表单处,如注册页面加入,却没办法直接插入。作者代码是直接生成了图片输出来。经和作者交流,得到一些建议。
    a) 将实例化写在 封装好的类 verify.class.php 内 , 然后 在其他页面通过
    <img src= 'verify.class.php' />

实现图片生成在指定位置, 此方法可行,但是如何验证? 再次咨询作者,得到建议是可以将生成验证码的字符串放到session里面,其他页面可以通过获取用户输入和session内存储的验证码比较。方法可行,但是个人觉得还是不在类内实例对象。于是,本人对代码进行了简单修改。

  1. 想法:通过图片转成二进制,然后在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
上一篇下一篇

猜你喜欢

热点阅读