php制作动态随机验证码


Posted in PHP onFebruary 12, 2015

验证码(CAPTCHA)是“Completely Automated Public Turing test to tell Computers and Humans Apart”(全自动区分计算机和人类的图灵测试)的缩写,是一种区分用户是计算机还是人的公共全自动程序。可以防止:恶意破解密码、刷票、论坛灌水,有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试,实际上用验证码是现在很多网站通行的方式,我们利用比较简易的方式实现了这个功能。

      这个问题可以由计算机生成并评判,但是必须只有人类才能解答。由于计算机无法解答CAPTCHA的问题,所以回答出问题的用户就可以被认为是人类。

      Php制作动态验证码是基于php的图像处理,下面首先介绍一下php的图像处理。

一.php图像处理简介

      在PHP5中,动态图象的处理要比以前容易得多。PHP5在php.ini文件中包含了GD扩展包,只需去掉GD扩展包的相应注释就可以正常使用了。PHP5包含的GD库正是升级的GD2库,其中包含支持真彩图像处理的一些有用的JPG功能。

      一般生成的图形,通过PHP的文档格式存放,但可以通过HTML的图片插入方式SRC来直接获取动态图形。比如,验证码、水印、微缩图等。

      创建图像的一般流程:

1).设定标头,告诉浏览器你要生成的MIME类型。

2).创建一个图像区域,以后的操作都将基于此图像区域。

3).在空白图像区域绘制填充背景。

4).在背景上绘制图形轮廓输入文本。

5).输出最终图形。

6).清除所有资源。

7).其他页面调用图像。

第一步,设置文件MIME类型,输出类型 将输出类型改成图像流

header('Content-Type: image/png;');

一般生成的图像可以是png,jpeg,gif,wbmp

第二步,创建一个图形区域,图像背景

imagecreatetruecolor() 返回一个图像标识符,代表了一幅大小为 x_size 和 y_size 的黑色图像。语法:resource imagecreatetruecolor ( int $width , int $height )

$im = imagecreatetruecolor(200,200);

第三步,在空白图像区域绘制填充背景

要有颜色填充器;imagecolorallocate -- 为一幅图像分配颜色;语法:int imagecolorallocate ( resource $image , int $red , int $green , int $blue )

$blue = imagecolorallocate($im,0,102,255);

将这个blue颜色填充到背景上去;imagefill -- 区域填充;语法:bool imagefill ( resource $image , int $x , int $y , int $color )

imagefill($im,0,0,$blue);

第四步,在蓝色的背景上输入一些线条,文字等

颜色填充器

$white = imagecolorallocate($im,255,255,255);

画两条线段:imageline

imageline() 用 color 颜色在图像 image 中从坐标 x1,y1 到 x2,y2(图像左上角为 0, 0)画一条线段。语法:bool imageline ( resource $image , int $x1 , int $y1 , int $x2 , int $y2 , int $color )

imageline($im,0,0,200,200,$white);

imageline($im,200,0,0,200,$white);

水平地画一行字符串:imagestring

imagestring() 用 col 颜色将字符串 s 画到 image 所代表的图像的 x,y 坐标处(这是字符串左上角坐标,整幅图像的左上角为 0,0)。如果font 是 1,2,3,4 或 5,则使用内置字体。语法:bool imagestring ( resource $image , int $font , int $x , int $y , string $s , int $col )

imagestring($im,5,66,20,'jingwhale',$white);

第五步,输出最终图形

imagepng() 将 GD 图像流(image)以 PNG 格式输出到标准输出(通常为浏览器),或者如果用 filename 给出了文件名则将其输出到该文件。语法:bool imagepng ( resource $image [, string $filename ] )

imagepng($im);

第六步,我要将所有的资源全部清空

imagedestroy() 释放与 image 关联的内存。语法:bool imagedestroy ( resource $image )

imagedestroy($im);

其他页面(html)调用创建的图形

<img src="Demo4.php" alt="PHP创建的图片" />

示例代码如下:

<?php

    //第一步,设置文件MIME类型

    header('Content-Type: image/png;');

    //第二步,创建一个图形区域,图像背景

    $im = imagecreatetruecolor(200,200);

    //第三步,在空白图像区域绘制填充背景

    $blue = imagecolorallocate($im,0,102,255);    

    imagefill($im,0,0,$blue);

    //第四步,在蓝色的背景上输入一些线条,文字等

    $white = imagecolorallocate($im,255,255,255);

    imageline($im,0,0,200,200,$white);

    imageline($im,200,0,0,200,$white);

    imagestring($im,5,66,20,'Jing.Whale',$white);

    //第五步,输出最终图形

    imagepng($im);

    //第六步,我要将所有的资源全部清空

    imagedestroy($im);    

?>

显示效果:

php制作动态随机验证码

二.创建动态验证码

附:代码源地址https://github.com/cnblogs-/php-captcha

1. 创建带验证码的图片,并模糊背景

随机码采用16进制;模糊背景即在图片背景加上线条、雪花等。

1)创建随机码
  

for ($i=0;$i<$_rnd_code;$i++) {

        $_nmsg .= dechex(mt_rand(0,15));

    }

string dechex ( int $number ),返回一字符串,包含有给定 number 参数的十六进制表示。

2)保存在session
 

$_SESSION['code'] = $_nms

3)创建图片

//创建一张图像

$_img = imagecreatetruecolor($_width,$_height);

//白色

$_white = imagecolorallocate($_img,255,255,255);

//填充

imagefill($_img,0,0,$_white);

if ($_flag) {

//黑色,边框

    $_black = imagecolorallocate($_img,0,0,0);

    imagerectangle($_img,0,0,$_width-1,$_height-1,$_black);

}

4)模糊背景

//随机画出6个线条

for ($i=0;$i<6;$i++) {

   $_rnd_color = imagecolorallocate($_img,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));

   imageline($_img,mt_rand(0,$_width),mt_rand(0,$_height),mt_rand(0,$_width),mt_rand(0,$_height),$_rnd_color);

   }

//随机雪花

for ($i=0;$i<100;$i++) {

   $_rnd_color = imagecolorallocate($_img,mt_rand(200,255),mt_rand(200,255),mt_rand(200,255));

   imagestring($_img,1,mt_rand(1,$_width),mt_rand(1,$_height),'*',$_rnd_color);

   }

5)输出及销毁

//输出验证码

for ($i=0;$i<strlen($_SESSION['code']);$i++) {

        $_rnd_color = imagecolorallocate($_img,mt_rand(0,100),mt_rand(0,150),mt_rand(0,200));

        imagestring($_img,5,$i*$_width/$_rnd_code+mt_rand(1,10),mt_rand(1,$_height/2),$_SESSION['code'][$i],$_rnd_color);

    }

//输出图像

header('Content-Type: image/png');

imagepng($_img);

//销毁

imagedestroy($_img);

将其封装在global.func.php全局函数库中,函数名为_code(),以便调用。我们将设置$_width ,$_height ,$_rnd_code,$_flag 四个参数,以增强函数的灵活性。

* @param int $_width 验证码的长度:如果要6位长度推荐75+50;如果要8位,推荐75+50+50,依次类推
* @param int $_height 验证码的高度
* @param int $_rnd_code 验证码的位数
* @param bool $_flag 验证码是否需要边框:true有边框, false无边框(默认)

封装后的代码如下:

<?php 

/**

 *      [verification-code] (C)2015-2100 jingwhale.

 *      

 *      This is a freeware

 *      $Id: global.func.php 2015-02-05 20:53:56 jingwhale$

 */

/**

 * _code()是验证码函数

 * @access public

 * @param int $_width 验证码的长度:如果要6位长度推荐75+50;如果要8位,推荐75+50+50,依次类推

 * @param int $_height 验证码的高度

 * @param int $_rnd_code 验证码的位数

 * @param bool $_flag 验证码是否需要边框:true有边框, false无边框(默认)

 * @return void 这个函数执行后产生一个验证码

 */

function _code($_width = 75,$_height = 25,$_rnd_code = 4,$_flag = false) {

    //创建随机码

    for ($i=0;$i<$_rnd_code;$i++) {

        $_nmsg .= dechex(mt_rand(0,15));

    }

    //保存在session

    $_SESSION['code'] = $_nmsg;

    //创建一张图像

    $_img = imagecreatetruecolor($_width,$_height);

    //白色

    $_white = imagecolorallocate($_img,255,255,255);

    //填充

    imagefill($_img,0,0,$_white);

    if ($_flag) {

        //黑色,边框

        $_black = imagecolorallocate($_img,0,0,0);

        imagerectangle($_img,0,0,$_width-1,$_height-1,$_black);

    }

    //随即画出6个线条

    for ($i=0;$i<6;$i++) {

        $_rnd_color = imagecolorallocate($_img,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));

        imageline($_img,mt_rand(0,$_width),mt_rand(0,$_height),mt_rand(0,$_width),mt_rand(0,$_height),$_rnd_color);

    }

    //随即雪花

    for ($i=0;$i<100;$i++) {

        $_rnd_color = imagecolorallocate($_img,mt_rand(200,255),mt_rand(200,255),mt_rand(200,255));

        imagestring($_img,1,mt_rand(1,$_width),mt_rand(1,$_height),'*',$_rnd_color);

    }

    //输出验证码

    for ($i=0;$i<strlen($_SESSION['code']);$i++) {

        $_rnd_color = imagecolorallocate($_img,mt_rand(0,100),mt_rand(0,150),mt_rand(0,200));

        imagestring($_img,5,$i*$_width/$_rnd_code+mt_rand(1,10),mt_rand(1,$_height/2),$_SESSION['code'][$i],$_rnd_color);

    }

    //输出图像

    header('Content-Type: image/png');

    imagepng($_img);

    //销毁

    imagedestroy($_img);

}

?>

2.创建验证机制

创建php验证页面,通过session来检验验证码是否一致。

1)创建verification-code.php验证页面

<?php 

/**

 *      [verification-code] (C)2015-2100 jingwhale.

 *

 *      This is a freeware

 *      $Id: verification-code.php 2015-02-05 20:53:56 jingwhale$

 */

//设置字符集编码

header('Content-Type: text/html; charset=utf-8');

?>

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>verification code</title>

    <link rel="stylesheet" type="text/css" href="style/basic.css" />

</head>

<body>

    <div id="testcode">

        <form method="post" name="verification" action="verification-code.php?action=verification">

            <dl>

                <dd>验证码:<input type="text" name="code" class="code" /><img src="codeimg.php" id="codeimg"  /></dd>

                <dd><input type="submit" class="submit" value="验证" /></dd>

            </dl>

        </form>

    </div>

</body>

</html>

显示如下:

php制作动态随机验证码

2)创建产生验证码图片页面

创建codeimg.php为verification-code.php html代码里的img提供验证码图片

首先必须在codeimg.php页面开启session;

其次,将我们封装好的global.func.php全局函数库引入进来;

最后,运行_code();

<?php 

/**

 *      [verification-code] (C)2015-2100 jingwhale.

 *      

 *      This is a freeware

 *      $Id: codeimg.php 2015-02-05 20:53:56 jingwhale$

 */

//开启session

session_start();

//引入全局函数库(自定义)

require dirname(__FILE__).'/includes/global.func.php';

//运行验证码函数。通过数据库的_code方法,设置验证码的各种属性,生成图片

_code(125,25,6,false);

?>

php制作动态随机验证码

3)创建session检验机制

首先必须在verification-code.php页面也开启session;

其次,设计提交验证码的方式,本文以get方式提交,当action=verification时提交成功;

最后,创建验证函数,原理是将客户端用户提交的验证码同服务器codeimg.php中session的验证码是否一致;这里有一个js弹窗函数_alert_back(),我们也把它封装在global.func.php里;

修改verification-code.php中php代码如下:

<?php 

/**

 *      [verification-code] (C)2015-2100 jingwhale.

 *

 *      This is a freeware

 *      $Id: verification-code.php 2015-02-05 20:53:56 jingwhale$

 */

//设置字符集编码

header('Content-Type: text/html; charset=utf-8');

//开启session

session_start();

//引入全局函数库(自定义)

require dirname(__FILE__).'/includes/global.func.php';

//检验验证码

if ($_GET['action'] == 'verification') {

    if (!($_POST['code'] == $_SESSION['code'])) {

        _alert_back('验证码不正确!');

    }else{

        _alert_back('验证码通过!');

    }

}  

?>

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>verification code</title>

    <link rel="stylesheet" type="text/css" href="style/basic.css" />

    <script type="text/javascript" src="js/codeimg.js"></script>

</head>

<body>

    <div id="testcode">

        <form method="post" name="verification" action="verification-code.php?action=verification">

            <dl>

                <dd>验证码:<input type="text" name="code" class="code" /><img src="codeimg.php" id="codeimg"  /></dd>

                <dd><input type="submit" class="submit" value="验证" /></dd>

            </dl>

        </form>

    </div>

</body>

</html>

php制作动态随机验证码

3.实现点击验证码图片更新验证码

上面若想实现验证码更新,必须刷新页面;我们写一个codeimg.js函数实现点击验证码图片更新验证码

window.onload = function () {

    var code = document.getElementById('codeimg');//通过id找到html中img标签

    code.onclick = function () {//为标签添加点击事件

        this.src='codeimg.php?tm='+Math.random();//修改时间,重新指向codeimg.php

    };    

}

然后在verification-code.php html代码head里<link>它即可。

php制作动态随机验证码

PHP 相关文章推荐
在WAMP环境下搭建ZendDebugger php调试工具的方法
Jul 18 PHP
PHP中操作ini配置文件的方法
Apr 25 PHP
php实现cc攻击防御和防止快速刷新页面示例
Feb 13 PHP
Codeigniter上传图片出现“You did not select a file to upload”错误解决办法
Jun 12 PHP
自定义session存储机制避免会话保持问题
Oct 08 PHP
DOM基础及php读取xml内容操作的方法
Jan 23 PHP
浅析PHP中Session可能会引起并发问题
Jul 23 PHP
php简单防盗链实现方法
Jul 29 PHP
PHP面试常用算法(推荐)
Jul 22 PHP
Yii统计不同类型邮箱数量的方法
Oct 18 PHP
[原创]PHP正则删除html代码中a标签并保留标签内容的方法
May 23 PHP
php简单中奖算法(实例)
Aug 15 PHP
PHP获取一年中每个星期的开始和结束日期的方法
Feb 12 #PHP
php模拟post提交数据的方法
Feb 12 #PHP
PHP遍历数组的三种方法及效率对比分析
Feb 12 #PHP
PHP进程同步代码实例
Feb 12 #PHP
PHP CURL 内存泄露问题解决方法
Feb 12 #PHP
PHP中捕获超时事件的方法实例
Feb 12 #PHP
php单例模式示例分享
Feb 12 #PHP
You might like
php 求质素(素数) 的实现代码
2011/04/12 PHP
关于php操作mysql执行数据库查询的一些常用操作汇总
2013/06/24 PHP
php.ini中的request_order推荐设置
2015/05/10 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
详解php命令注入攻击
2019/04/06 PHP
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
一个不错的js html页面倒计时可精确到秒
2014/10/22 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
2015/03/18 Javascript
jquery获取img的src值的简单实例
2016/05/17 Javascript
原生ajax处理json格式数据的实例代码
2016/12/25 Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
2017/03/06 Javascript
详解Angular cli配置过程记录
2019/11/07 Javascript
解析Python中的二进制位运算符
2015/05/13 Python
批量将ppt转换为pdf的Python代码 只要27行!
2018/02/26 Python
python自动截取需要区域,进行图像识别的方法
2018/05/17 Python
python系列 文件操作的代码
2019/10/06 Python
python自动化测试无法启动谷歌浏览器问题
2019/10/10 Python
Python如何实现动态数组
2019/11/02 Python
Python 实现数组相减示例
2019/12/27 Python
基于Python实现简单学生管理系统
2020/07/24 Python
手把手教你配置JupyterLab 环境的实现
2021/02/02 Python
TUMI澳大利亚网站:美国旅行箱包品牌
2017/03/27 全球购物
印度低票价航空公司:GoAir
2017/10/11 全球购物
大学生演讲稿范文
2014/01/11 职场文书
年度考核评语
2014/01/19 职场文书
关于旷工的检讨书
2014/02/02 职场文书
高中军训感言200字
2014/02/23 职场文书
小学二年级评语
2014/04/21 职场文书
纪念9.18事变演讲稿
2014/09/14 职场文书
2014年党员个人剖析材料
2014/10/08 职场文书
会计稽核岗位职责
2015/04/13 职场文书
银行资信证明
2015/06/17 职场文书
2016年国培心得体会及反思
2016/01/13 职场文书
教你用python实现一个无界面的小型图书管理系统
2021/05/21 Python
教你怎么用Python实现GIF动图的提取及合成
2021/06/15 Python