php实现动态随机验证码机制（CAPTCHA）

时间  2019-11-17
标签 php 实现 动态 随机 验证码 机制 captcha 栏目 PHP 繁體版
原文   原文链接

php实现动态随机验证码机制

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

      这个问题能够由计算机生成并评判，可是必须只有人类才能解答。因为计算机没法解答CAPTCHA的问题，因此回答出问题的用户就能够被认为是人类。php

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

一.php图像处理简介

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

      通常生成的图形，经过PHP的文档格式存放，但能够经过HTML的图片插入方式SRC来直接获取动态图形。好比，验证码、水印、微缩图等。java

      建立图像的通常流程：git

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

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);    
?>

显示效果：

image

 

二.建立动态验证码

附：代码源地址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>

显示以下：

image

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);

?>

image

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>

1

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>它便可。

2

完

转载需注明转载字样，标注原做者和原博文地址。

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程