PHP生成各种常见验证码和Ajax验证过程


Posted in PHP onJanuary 10, 2016

验证码在WEB应用中非常重要,通常用来防止用户恶意提交表单,如恶意注册和登录、论坛恶意灌水等。本文将通过实例讲解使用PHP生成各种常见的验证码包括数字验证码、数字+字母验证码、中文验证码、算术验证码等等以及其Ajax验证过程。

PHP生成各种常见验证码和Ajax验证过程

PHP生成验证码图片

PHP生成验证码的原理:使用PHP的GD库,生成一张带验证码的图片,并将验证码保存在Session中。

PHP生成验证码的大致流程有:

1.产生一张png的图片;

2.为图片设置背景色;

3.设置字体颜色和样式;

4.产生4位数的随机的验证码;

5.把产生的每个字符调整旋转角度和位置画到png图片上;

6.加入噪点和干扰线防止注册机器分析原图片来恶意破解验证码;

7.输出图片;

8.释放图片所占内存。

示例:

session_start(); 
getCode(4,60,20); 
function getCode($num,$w,$h) { 
$code = ""; 
for ($i = 0; $i < $num; $i++) { 
$code .= rand(0, 9); 
} 
//4位验证码也可以用rand(1000,9999)直接生成 
//将生成的验证码写入session,备验证时用 
$_SESSION["helloweba_num"] = $code; 
//创建图片,定义颜色值 
header("Content-type: image/PNG"); 
$im = imagecreate($w, $h); 
$black = imagecolorallocate($im, 0, 0, 0); 
$gray = imagecolorallocate($im, 200, 200, 200); 
$bgcolor = imagecolorallocate($im, 255, 255, 255); 
//填充背景 
imagefill($im, 0, 0, $gray); 
//画边框 
imagerectangle($im, 0, 0, $w-1, $h-1, $black); 
//随机绘制两条虚线,起干扰作用 
$style = array ($black,$black,$black,$black,$black, 
$gray,$gray,$gray,$gray,$gray 
); 
imagesetstyle($im, $style); 
$y1 = rand(0, $h); 
$y2 = rand(0, $h); 
$y3 = rand(0, $h); 
$y4 = rand(0, $h); 
imageline($im, 0, $y1, $w, $y3, IMG_COLOR_STYLED); 
imageline($im, 0, $y2, $w, $y4, IMG_COLOR_STYLED); 
//在画布上随机生成大量黑点,起干扰作用; 
for ($i = 0; $i < 80; $i++) { 
imagesetpixel($im, rand(0, $w), rand(0, $h), $black); 
} 
//将数字随机显示在画布上,字符的水平间距和位置都按一定波动范围随机生成 
$strx = rand(3, 8); 
for ($i = 0; $i < $num; $i++) { 
$strpos = rand(1, 6); 
imagestring($im, 5, $strx, $strpos, substr($code, $i, 1), $black); 
$strx += rand(8, 12); 
} 
imagepng($im);//输出图片 
imagedestroy($im);//释放图片所占内存 
}

代码中,自定义函数getCode()诠释了验证码的生成过程。运用PHP GD库自带的图像处理函数,能轻松生成各种想要的图片效果。

imagecreate() :创建一个新图像
imagecolorallocate() :为图像分配颜色
imagefill() :填充图像
imagerectangle() :画一个矩形(边框)
imagesetstyle() :设置画线风格
imageline() :画一条线段
imagesetpixel() :画点像素
imagepng() :以PNG格式将图像输出到浏览器或文件
imagedestroy() :释放图片所占内存
将上述代码保存为code_num.php,以便调用。

Ajax刷新和验证

验证码生成后,我们要在实际的项目中应用,通常我们使用ajax可以实现点击验证码时刷新生成新的验证码(有时生成的验证码肉眼很难识别),即“看 不清换一张”。填写验证码后,还需要验证所填验证码是否正确,验证的过程是要后台程序来完成,但是我们也可以通过ajax来实现无刷新验证。

我们建立一个前端页面index.html,载入jquery,同时在body中加入验证码表单元素:

<p>验证码:<input type="text" class="input" id="code_num" name="code_num" maxlength="4" /> 
<img src="code_num.php" id="getcode_num" title="看不清,点击换一张" align="absmiddle"></p> 
<p><input type="button" class="btn" id="chk_num" value="提交" /></p>

html代码中,<img src="code_num.php"即调用了生成的验证码,当点击验证码时,刷新生成新的验证码:

$(function(){ 
//数字验证 
$("#getcode_num").click(function(){ 
$(this).attr("src",'code_num.php?' + Math.random()); 
}); 
... 
});

刷新验证码,其实就是重新请求了验证码生成程序,这里要注意的是调用code_num.php时要带上随机参数防止缓存。接下来填写好验证码之后,点“提交”按钮,通过$.post(),前端向后台chk_code.php发送ajax请求。

$(function(){ 
... 
$("#chk_num").click(function(){ 
var code_num = $("#code_num").val(); 
$.post("chk_code.php?act=num",{code:code_num},function(msg){ 
if(msg==1){ 
alert("验证码正确!"); 
}else{ 
alert("验证码错误!"); 
} 
}); 
}); 
});

后台chk_code.php验证:

session_start(); 
$code = trim($_POST['code']); 
if($code==$_SESSION["helloweba_num"]){ 
echo '1'; 
}

后台根据提交的验证码与保存在session中的验证码比对,完成验证。

对于其他几种验证的生成和使用,其原理一样,开发者可以根据需要,产生多种样式的随机验证码,本文演示demo中提供了数字验证码、数字+字母验证码、中文验证码、仿google验证码,算术验证码等。限于篇幅,其他几种验证码的生成代码略过,敬请谅解。

PHP 相关文章推荐
新版PHP将向Java靠拢
Oct 09 PHP
开发大型PHP项目的方法
Oct 09 PHP
支持oicq头像的留言簿(二)
Oct 09 PHP
PHP音乐采集(部分代码)
Feb 14 PHP
简单的PHP留言本实例代码
May 09 PHP
PHP 日,周,月点击排行统计
Jan 11 PHP
php float不四舍五入截取浮点型字符串方法总结
Oct 28 PHP
PHP常见的6个错误提示及解决方法
Jul 07 PHP
PHP经典实用正则表达式小结
May 04 PHP
PHP实现微信提现功能
Sep 30 PHP
Yii2.0框架实现带分页的多条件搜索功能示例
Feb 20 PHP
smarty模板的使用方法实例分析
Sep 18 PHP
PHP常用字符串操作函数实例总结(trim、nl2br、addcslashes、uudecode、md5等)
Jan 09 #PHP
PHP统计目录中文件以及目录中目录大小的方法
Jan 09 #PHP
PHP基于单例模式实现的mysql类
Jan 09 #PHP
thinkPHP查询方式小结
Jan 09 #PHP
thinkPHP中多维数组的遍历方法
Jan 09 #PHP
ThinkPHP中html:list标签用法分析
Jan 09 #PHP
thinkphp中字符截取函数msubstr()用法分析
Jan 09 #PHP
You might like
ftp类(example.php)
2006/10/09 PHP
一个更简单的无限级分类菜单代码
2007/01/16 PHP
PHP 图片文件上传实现代码
2010/12/29 PHP
linux下删除7天前日志的代码(php+shell)
2011/01/02 PHP
三个类概括PHP的五种设计模式
2012/09/05 PHP
php示例详解Constructor Prototype Pattern 原型模式
2015/10/15 PHP
PHP实现的ID混淆算法类与用法示例
2018/08/10 PHP
php实现QQ小程序发送模板消息功能
2019/09/18 PHP
php pdo连接数据库操作示例
2019/11/18 PHP
JQuery获取或设置ckeditor的数据(示例代码)
2013/11/15 Javascript
JS阻止冒泡事件以及默认事件发生的简单方法
2014/01/17 Javascript
js实现的复制兼容chrome和IE
2014/04/03 Javascript
JS实现仿京东淘宝竖排二级导航
2014/12/08 Javascript
用Move.js配合创建CSS3动画的入门指引
2015/07/22 Javascript
jQuery+css实现的切换图片功能代码
2016/01/27 Javascript
AngularJS入门教程之Scope(作用域)
2016/07/27 Javascript
聊一聊jQuery插件uploadify使用方法
2016/08/24 Javascript
js核心基础之闭包的应用实例分析
2019/05/11 Javascript
JavaScript模块管理的简单实现方式详解
2019/06/15 Javascript
React倒计时功能实现代码——解耦通用
2020/09/18 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
2021/01/28 Javascript
python实现的重启关机程序实例
2014/08/21 Python
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
python 简单备份文件脚本v1.0的实例
2017/11/06 Python
Django Form设置文本框为readonly操作
2020/07/03 Python
哪种Python框架适合你?简单介绍几种主流Python框架
2020/08/04 Python
Python监听剪切板实现方法代码实例
2020/11/11 Python
HTML+CSS3模拟心的跳动实例代码
2017/09/05 HTML / CSS
The North Face北面德国官网:美国著名户外品牌
2018/12/12 全球购物
医院实习介绍信
2014/01/12 职场文书
化学系大学生自荐信范文
2014/03/01 职场文书
审计专业自荐信范文
2014/04/21 职场文书
关于读书的演讲稿500字
2014/08/27 职场文书
小学生勤俭节约演讲稿
2014/08/28 职场文书
如何设计高效合理的MySQL查询语句
2021/05/26 MySQL
浅谈如何提高PHP代码质量之端到端集成测试
2021/05/28 PHP