php,session验证码不一致，慢半拍，老显示上次验证码问题之完美解决（共享验证码代码）...

最新推荐文章于 2022-06-16 16:16:28 发布
最新推荐文章于 2022-06-16 16:16:28 发布
阅读量396 收藏
点赞数
文章标签： php javascript json ViewUI

最近写一个PHP的小项目，要用到验证码类，就google+baidu了一下，但是再使用的过程中，及其NC的想在前台判断验证码是否输入正确，所以就喜剧性的出现了一下一幕：用SESSION保存的code在form页面echo出来跟验证码图片显示的不一致，慢半拍，即本次echo出来的是上次的验证码图片信息。

原因是：页面加载login.php页面时，图片的加载跟其他标签加载是异步的，所以其他标签信息先加载，而后才会去加载src（图片），不同步导致“验证码”也不同步

所以搞清了这个事情的原因，我们解决就是了。我Login.html里面直接用json发送输入的验证码信息到checkLogin.php，再那里做一下对比：if($code!=$_SESSION['captchaCode']['content']){...}

问题解决

json关键代码：

View Code 
    $(".login").live('click',function(){        
var username=$(".input_user").val();
var password=$(".input_ps").val();    
var code=$('.input_checkcode').val();
if(username==""){
            alert("用户名不能为空");
return false;
        }
if(password==""){
            alert("密码不能为空");
return false;
        }

var URL="checkLogin.php?";
var DATA="&username="+username+"&password="+password+"&code="+code;
        $.getJSON(URL+DATA,function(json){
if(json.code=='code_error'){
                alert('验证码错误，请重新输入验证码');
            }
if(json.username=='true_u'&&json.password=='true_p'){
//alert(json.username+"|"+username+'...1');
                window.location="index.php";
            }
if(json.username=='error_u'||json.password=='error_p'){
                alert("用户名输入或密码输入有误，请检查后重新登陆!");
                window.location="login.php";
            }
        });
    });

后台checkLogin.php关键代码：

View Code 
$code=$_GET['code'];
if($code!=$_SESSION['captchaCode']['content'])
                {$adminInfo['code']='code_error';};

if($row['username']==$username&&$row['password']==$password){

$_SESSION['username']=$row['username'];
$adminInfo['username']='true_u';
$adminInfo['password']='true_p';                
mysql_close();
            }else 
if($row['username']!=$username){
$adminInfo['username']='error_u';
            }
if($row['password']!=$password){
$adminInfo['password']='error_p';
            }

//var_dump($adminInfo);exit;
            echo json_encode($adminInfo);

具体如下：

checkCode.class.php//验证码

View Code 
<?php
/*
* Captcha Class base on PHP GD Lib
* @author Design
* @version 1.0
* @copyright js8.in 2010
* @demo
* include('captchaClass.php');
* $captchaDemo=new Captcha();
* $captchaDemo->createImage();
*/
class Captcha{
//@定义验证码图片高度
 private $height;
//@定义验证码图片宽度
 private $width;
//@定义验证码字符个数
 private $textNum;
//@定义验证码字符内容
 private $textContent;
//@定义字符颜色
 private $fontColor;
//@定义随机出的文字颜色
 private $randFontColor;
//@定义字体大小
 private $fontSize;
//@定义字体
 private $fontFamily;
//@定义背景颜色
 private $bgColor;
//@定义随机出的背景颜色
 private $randBgColor;
//@定义字符语言
 private $textLang;
//@定义干扰点数量
 private $noisePoint;
//@定义干扰线数量
 private $noiseLine;
//@定义是否扭曲
 private $distortion;
//@定义扭曲图片源
 private $distortionImage;
//@定义是否有边框
 private $showBorder;
//@定义验证码图片源
 private $image;

//@Constructor 构造函数
 public function Captcha(){
$this->textNum=4;
$this->fontSize=16;
$this->fontFamily='c:\\windows\\fonts\SIMYOU.ttf';//设置中文字体，可以改成linux的目录
 $this->textLang='en';
$this->noisePoint=30;
$this->noiseLine=3;
$this->distortion=false;
$this->showBorder=false;
 }

//@设置图片宽度
 public function setWidth($w){
$this->width=$w;
 }

//@设置图片高度
 public function setHeight($h){
$this->height=$h;
 }

//@设置字符个数
 public function setTextNumber($textN){
$this->textNum=$textN;
 }

//@设置字符颜色
 public function setFontColor($fc){
$this->fontColor=sscanf($fc,'#%2x%2x%2x');
 }

//@设置字号
 public function setFontSize($n){
$this->fontSize=$n;
 }

//@设置字体
 public function setFontFamily($ffUrl){
$this->fontFamily=$ffUrl;
 }

//@设置字符语言
 public function setTextLang($lang){
$this->textLang=$lang;
 }

//@设置图片背景
 public function setBgColor($bc){
$this->bgColor=sscanf($bc,'#%2x%2x%2x');
 }

//@设置干扰点数量
 public function setNoisePoint($n){
$this->noisePoint=$n;
 }

//@设置干扰线数量
 public function setNoiseLine($n){
$this->noiseLine=$n;
 }

//@设置是否扭曲
 public function setDistortion($b){
$this->distortion=$b;
 }

//@设置是否显示边框
 public function setShowBorder($border){
$this->showBorder=$border;
 }

//@初始化验证码图片
 public function initImage(){
if(empty($this->width)){$this->width=floor($this->fontSize*1.3)*$this->textNum+10;}
if(empty($this->height)){$this->height=$this->fontSize*2;}
$this->image=imagecreatetruecolor($this->width,$this->height);
if(empty($this->bgColor)){
$this->randBgColor=imagecolorallocate($this->image,mt_rand(100,255),mt_rand(100,255),mt_rand(100,255));
 }else{
$this->randBgColor=imagecolorallocate($this->image,$this->bgColor[0],$this->bgColor[1],$this->bgColor[2]);
 }
 imagefill($this->image,0,0,$this->randBgColor);
 }

//@产生随机字符
 public function randText($type){
$string='';
switch($type){
case 'en':
$str='ABCDEFGHJKLMNPQRSTUVWXY3456789';
for($i=0;$i<$this->textNum;$i++){
$string=$string.','.$str[mt_rand(0,29)];
 }
break;
case 'cn':
for($i=0;$i<$this->textNum;$i++) {
$string=$string.','.chr(rand(0xB0,0xCC)).chr(rand(0xA1,0xBB));
 }
$string=iconv('GB2312','UTF-8',$string); //转换编码到utf8
 break;
 }
return substr($string,1);
 }

//@输出文字到验证码
 public function createText(){
$textArray=explode(',',$this->randText($this->textLang));
$this->textContent=join('',$textArray);
if(empty($this->fontColor)){
$this->randFontColor=imagecolorallocate($this->image,mt_rand(0,100),mt_rand(0,100),mt_rand(0,100));
 }else{
$this->randFontColor=imagecolorallocate($this->image,$this->fontColor[0],$this->fontColor[1],$this->fontColor[2]);
 }
for($i=0;$i<$this->textNum;$i++){
$angle=mt_rand(-1,1)*mt_rand(1,20);
 imagettftext($this->image,$this->fontSize,$angle,5+$i*floor($this->fontSize*1.3),floor($this->height*0.75),$this->randFontColor,$this->fontFamily,$textArray[$i]);
 }
 }

//@生成干扰点
 public function createNoisePoint(){
for($i=0;$i<$this->noisePoint;$i++){
$pointColor=imagecolorallocate($this->image,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
 imagesetpixel($this->image,mt_rand(0,$this->width),mt_rand(0,$this->height),$pointColor);
 }

 }

//@产生干扰线
 public function createNoiseLine(){
for($i=0;$i<$this->noiseLine;$i++) {
$lineColor=imagecolorallocate($this->image,mt_rand(0,255),mt_rand(0,255),20);
 imageline($this->image,0,mt_rand(0,$this->width),$this->width,mt_rand(0,$this->height),$lineColor);
 }
 }

//@扭曲文字
 public function distortionText(){
$this->distortionImage=imagecreatetruecolor($this->width,$this->height);
 imagefill($this->distortionImage,0,0,$this->randBgColor);
for($x=0;$x<$this->width;$x++){
for($y=0;$y<$this->height;$y++){
$rgbColor=imagecolorat($this->image,$x,$y);
 imagesetpixel($this->distortionImage,(int)($x+sin($y/$this->height*2*M_PI-M_PI*0.5)*3),$y,$rgbColor);
 }
 }
$this->image=$this->distortionImage;
 }

//@生成验证码图片
 public function createImage(){
$this->initImage(); //创建基本图片
 $this->createText(); //输出验证码字符
 if($this->distortion){$this->distortionText();} //扭曲文字
 $this->createNoisePoint(); //产生干扰点
 $this->createNoiseLine(); //产生干扰线
 if($this->showBorder){imagerectangle($this->image,0,0,$this->width-1,$this->height-1,$this->randFontColor);} //添加边框
 imagepng($this->image);
 imagedestroy($this->image);
if($this->distortion){imagedestroy($this->$distortionImage);}
return $this->textContent;
 }

}



 ?>

code.php//new 一个对象，负责图片的创建以及验证码文本写入session

View Code 
<?php
session_start();
header("Content-type:image/png");
include('checkCode.class.php');
$captcha5=new Captcha();

//@设置验证码宽度
//$captcha5->setWidth(200);

//@设置验证码高度
//$captcha5->setHeight(50);

//@设置字符个数
$captcha5->setTextNumber(4);

//@设置字符颜色
//$captcha5->setFontColor('#ffffff');

//@设置字号大小
//$captcha5->setFontSize(25);

//@设置字体
$captcha5->setFontFamily('c:\\windows\\fonts\\comic.TTF');

//@设置语言
$captcha5->setTextLang('en');

//@设置背景颜色
//$captcha5->setBgColor('#000000');

//@设置干扰点数量
//$captcha5->setNoisePoint(600);

//@设置干扰线数量
//$captcha5->setNoiseLine(10);

//@设置是否扭曲
//$captcha5->setDistortion(true);

//@设置是否显示边框
$captcha5->setShowBorder(true);

//输出验证码
$code=$captcha5->createImage();
$_SESSION['captchaCode']['content']=$code;
//$_SESSION['captchaCode']['time']=microtime();
?>

login.php//登陆页面，调用生成的验证码图片

View Code 
<div style="float:left;margin-top:20px;">
<div style="float:left;height:27px;padding-top:8px;width:70px;">
                验证码：
</div>
<div style="float:left;">
<div style='float:left'>
<input type="input" name="usn" class="input_checkcode" value=""/>
</div>
<div style='float:left'>
<?php echo $_SESSION['captchaCode']['content'];?>
<img src="http://tel.xidian.cc/admin/code.php" style='height:30px;margin-left:10px;' alt="http://tel.xidian.cc/admin/code.php">
</div>

</div>
</div>
weixin_34130389
关注
thinkphp6/8 - 解决验证码验证一直不通过，并且验证码不显示的问题描述和解决思路（完美解决thinkphp6验证码出错无法显示的方法，tp6打开验证码页面显示乱码的解决方法）
高级前端工程师
10-26 2668
thinkphp6，tp6，验证码，如何解决thinkphp6验证码不能显示问题，thinkphp6 验证码类库，【TP6】Captcha验证码不显示,也不报错的问题处理，thinkphp6验证码不显示解决方案，thinkphp6.0 验证码不显示，thinkphp6验证码，php captcha不显示,关于Captcha.php显示的问题，TP6验证码不显示，完美解决验证码出错无法显示的方法，ThinkPHP6打开验证码页面显示乱码的解决方法，tp6验证码captcha无法显示_模块不存在:captcha
selenium.common.SessionNotCreatedException Message session not created.ChromeDriver support ver解决方案
最新发布
weixin_43178406的博客
08-02 6万+
本文主要介绍了selenium.common.exceptions.SessionNotCreatedException: Message: session not created: This version of ChromeDriver only supports Chrome version 102 Current browser version is 114.0.5735.248解决方案，希望能对学习Python selenium的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
为什么session中的验证码 比图片中慢半拍
滴水石穿
11-06 1277
code.php代码 <?php session_start(); function create_code(){ for($i=0;$i<4;$i++){ $_code.=dechex(mt_rand(0,15)); } $_SESSION['code']=$_code; $_width=75; $_height=25; $_img=imagecreatetruecolor($_width,
完美解决php验证码session不同步的问题
yufeitong的专栏
12-23 2241
转载：http://www.jiaoben8.cn/Article-id119.html 各位搞开发的人都经历过被怪现象折磨的滋味，怎么说呢？想找原因找不出来，想解决又解决不了，接下来我们就来说说php验证码这个怪僻。。 先给大家上个图，相信你们也似曾相识。。 你会发现两个值竟然不一样，不一样咋验证？？？？？ 于是乎，我就在网上找到了原因：页面加载login.php页面时，图片
PHP验证码SESSION验证码图片不同步
患孤的博客
11-14 476
PHP验证码SESSION验证码图片不同步 今天在做php登录验证的时候带验证码的，nc的在页面输出了下验证码的session，于是乎出现了戏剧性的一幕，session验证码和图片上的验证码不一样？那用户岂不是登陆不上了？但是奇怪的是用户输入图片中的验证码还能够登陆成功，这就很奇怪了，验证码匹配不上怎么会登录成功呢？于是我看了下代码，代码如下 if (empty($login_cap...
php 生成不同的短信验证码_利用php生成验证码
weixin_29491655的博客
03-08 203
/*** php生成验证码* @param $width 画布宽* @param $height 画布高* @param $vcodelen 验证码长度* @param $pointnum 干扰像素点数量* @param $linenum 干扰线条数量** 思路：创建验证码画布，生成并填充背景色，生成验证码内容／干扰像素点／线，填充到画布，输出。*/$width = 100;$height = 3...
php session 不同步,PHP验证码与session不同步
weixin_42351520的博客
03-10 229
我要评价：请输入验证码：楼主可以对照一下，看下问题在哪里应该是要把表单提交时获得正确的验证码应该是要把表单提交时获得正确的验证码我已经知道错在哪,但是我不知道怎么解决,错误原因是因为browser先加载完成html代码,然后再加载图片,所以会出现慢图片一拍的原因,因为图片是在session后面加载的.引用 11 楼 的回复:应该是要把表单提交时获得正确的验证码我已经知道错在哪,但是我不知道怎么解...
thinkphp验证码显示不出来的解决方法
10-26
在开发使用ThinkPHP框架的Web应用程序时，有时会遇到验证码无法正常显示的问题。这个问题可能是由于多种原因导致的，本文将...通过上述方法逐一排查并进行相应的配置或编码调整，通常可以解决验证码显示不出来的问题。
解决前后端分离开发中登录验证码 跨域和session不一致问题
weixin_44543219的博客
06-16 2680
使用工具：HBuilderX 使用语言：H5、jQuery、CSS 开发模式：前后端分离前后端分离开发模式下，实现网页的验证登录问题点1的解决方案：问题点2的解决方案：问题点3的解决方案：通过blob的处理，生成一个URL，作为图片的src属性的值，显示验证码图片问题点4的解决方案：加上时间戳，可以实现点击图片换一张的效果 获取验证码 点击登录验证 4.获取用户信息 5.页面加载事件 6.全局参数...
java 验证码图片不显示图片_验证码图片生成及无法显示问题的解决
weixin_42518480的博客
02-19 4422
IntelliJ IDEA实现网页生成验证码相关模块：importcom.sun.image.codec.jpeg.JPEGCodec;importcom.sun.image.codec.jpeg.JPEGImageEncoder;import java.awt.*;importjava.awt.image.BufferedImage;importjava.io.ByteArrayInputStr...
怎么处理php验证码session值与图片的不一致,PHP 输出session 验证码与图片不同步，图片老是快一步，求解...
weixin_29782509的博客
03-17 159
本帖最后由 Xdawei 于 2012-04-18 20:07:42 编辑PHP 输出session 验证码与图片不同步，图片总是快一步，求解！session_start();function random($len){$srcstr="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";mt_srand();$strs="";for($i=0;$i$strs.=$srcs...
图片验证码（遇到集群session验证失败的解决方法）
杀神Jack的博客
11-07 1576
前两天新项目，做了一个关于图片验证码的功能，其实思路什么很简单，就是直接调用接口，给前端输出图片流。在输出流的时候，把验证码给存到session中去，然后验证的时候，在从session中取值。从而进行验证验证码是否正确。如果是单一的服务器的话是没问题的，但是遇到了集群的话，可能就会出错了。因为一个域名是随机面对的一个服务器的ip，然后你进行图片验证的时候，每次ajax进行的请求，服务器会认为是新的一次请求（前后端分离也是这个问题）,然后新的一次请求，取到的验证码肯定就不对了，下面说一下解决方法。 解决方法
SpringBoot解决关于跨域导致sessionId不一致问题
liuzhongyu
09-09 6114
在用谷歌的kaptcha做验证码登录校验遇到了如下问题 用谷歌浏览器（版本85）访问验证码
ASP.NET图片处理问题总结
zhandeen的专栏
11-01 596
我们在做web程序的时候经常会遇到一些图片处理的问题，今天就把遇到的需要图片处理的地方给总结一下。也算是对自己学习过程的一个总结，希望也能给大家一些启发。 一、验证码。 我们在某些网站注册或者登录的时候，都可能遇到要填写验证码的地方，当时没搞懂这样的图片是怎样一回事，事实上这是一张随机生成的图片，需要在后台专门新建一个aspx页或者ashx一般程序处理页来专门负责生成这样的图片。下面就
我的异常网 » Java Web开发 » 验证码跟session不同步
nanshanzhihou的专栏
10-08 708
验证码和session不同步 验证码是在servlet中生成的，然后就放到session中，可页面取的时候怎么老是和servlet中的session不同步，也就是页面显示的验证码和从页面取出的验证码不一样，而且页面取出的总是上一次显示的，比如第一次显示的是 "123 "，这时取出来的就不是“123”，刷新页面后再从session中取，取出来的才是 "123 "，也就是说在页面从session中取
收集整理三种.NET图片验证码程序（两种经过测试及修改）[转]
蓝色湖泊的专栏
01-14 349
第一种，可以点击刷新，显示样示如下：（注：命名空间不可省，在网上找的时候很多都省去了限定命名空间，结果报（不扩展类“System.Web.UI.Page”）错误，想了N多办法没搞定，加上命名空间就成了，晕。第二种方法也一样）using System;using System.Data;using System.Configuration;using System.Collections;usi
jsp中生成的验证码和存在session里面的验证码不一致的处理
迷彩风情
03-03 434
今天在调试项目的时候发现，在提交表单的时候的验证码有问题，问题是这样的：就是通过debug模式查看得知：jsp页面生成的验证码和表单输入的页面输入的一样，但是到后台执行的时候，你会发现他们是不一样的，现在上图看看： 1.这是表单提交的时候: 2.这是后台得到的生成的验证码： 3.这是后台得到输入的验证码： 这样的问题还是头一次出现，以前没遇到过，经过google，bai...
Node.js + captcha.png + jwt：实战登录验证与图片验证码生成教程
- 服务器接收到请求后，首先检查用户输入的验证码是否与之前生成的一致，如果不匹配，则返回错误。 - 验证通过后，生成一个JWT令牌（通常包含用户ID等必要信息），并将其返回给客户端。 - 客户端接收到JWT后，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值