本文实例讲述了php+js实现的拖动滑块验证码验证表单操作。分享给大家供大家参考，具体如下：
现在很多网站，比如淘宝，京东等都改用使用极验拖动验证码实现登录，这种方式比传统的验证码方式有更好的体验，减少用户输入的错误，也同样能起到防盗刷的功能。现在很多极验都是第三方的，也很多都是收费的。今天在这里给大家分享自己用原生php实现的一个极验的代码。用原生php的好处就是以后你要嵌套到什么框架，可以直接用核心代码，改一改就好了。
极验拖动动画图
代码文件截图
代码实现
html文件
<!doctype html><html lang=""><head> <meta chart="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>极验滑块拖动验证码-码农社区-web视频分享网&大学本科专业目录lt;/title> <script type="text/javascript" src="tn_code.js?v=35"></script> <link rel="stylesheet" type="text/css" href="style.css?v=27" rel="externa教研活动l nofollow" /><style type="text/css"></style></head><body style="text-align:center;"><div class简爱故事情节="tncode" style="text-align: center;margin: 100px auto;"></div><script type="text/javascript">$tn.onsuccess(function(){//验证通过});</script> php文件：check.php
<?phprequire_once dirname(__file__).'/tncode.class.php';$tn = new tncode();if($tn->check()){ $_ssion['tncode_check'] = 'ok'; echo "ok";}el{ $_ssion['tncode_check'] = 'error'; echo "error";}?>主要核心文件：tncode.class.php
<?phpclass tncode{ var $im = null; var $im_fullbg = null; var $im_bg = null; var $im_slide = null; var $bg_width = 240; var $bg_height = 150; var $mark_width = 50; var $mark_height = 50; var $bg_num = 6; var $_x = 0; var $_y = 0; //容错象素 越大体验越好，越小破解难道越高 var $_fault = 3; function __construct(){ //ini_t('display_errors','on'); // error_reporting(0); if(!ist($_ssion)){ ssion_start(); } } function make(){ $this->_init(); $this->_createslide(); $this->_createbg(); $this->_merge(); $this->_imgout(); $this->_destroy(); } function check($offt=''){ if(!$_ssion['tncode_r']){ return fal; } if(!$offt){ $offt = $_request['tn_r']; } $ret = abs($_ssion['tncode_r']-$offt)<=$this->_fault; if($ret){ unt($_ssion['tncode_r']); }el{ $_ssion['tncode_err']++; if($_ssion['tncode_err']>10){//错误10次必须刷新 unt($_ssion['tncode_r']); } } return $ret; } private function _init(){ $bg = mt_rand(1,$this->bg_num); $file_bg = dirname(__file__).'/bg/'.$bg.'.png'; $this->im_fullbg = imagecreatefrompng($file_bg); $this->im_bg = imagecreatetruecolor($this->bg_width, $this->bg_height); imagecopy($this->im_bg,$this->im_fullbg,0,0,0,0,$this->bg_width, $this->bg_height); $this->im_slide = imagecreatetruecolor($this->mark_width, $this->bg_height); $_ssion['tncode_r'] = $this->_x = mt_rand(50,$this->bg_width-$this->mark_width-1); $_ssion['tncode_err'] = 0; $this->_y = mt_rand(0,$this->bg_height-$this->mark_height-1); } private function _destroy(){ imagedestroy($this->im); imagedestroy($this->im_fullbg); imagedestroy($this->im_bg); imagedestroy($this->im_slide); } private function _imgout(){ if(!$_get['nowebp']&&function_exists('imagewebp')){//优先webp格式，超高压缩率 $type = 关于秋天的作文'webp'; $quality = 40;//图片质量 0-100 }el{ $type = 'png'; $quality = 7;//图片质量 0-9 } header('content-type: image/'.$type); $func = "im高三全日制培训age".$type; $func($this->im,null,$quality); } private function _merge(){ $this->im = imagecreatetruecolor($this->bg_width, $this->bg_height*3); imagecopy($this->im, $this->im_bg,0, 0 , 0, 0, $this->bg_width, $this->bg_height); imagecopy($this->im, $this->im_slide,0, $this->bg_height , 0, 0, $this->mark_width, $this->bg_height); imagecopy($this->im, $this->im_fullbg,0, $this->bg_height*2 , 0, 0, $this->bg_width, $this->bg_height); imagecolortransparent($this->im,0);//16777215 } private function _createbg(){ $file_mark = dirname(__file__).'/img/mark.png'; $im = imagecreatefrompng($file_mark); header('content-type: image/png'); //imagealphablending( $im, true); imagecolortransparent($im,0);//16777215 //imagepng($im);exit; imagecopy($this->im_bg, $im, $this->_x, $this->_y , 0 , 0 , $this->mark_width, $this->mark_height); imagedestroy($im); } private function _createslide(){ $file_mark = dirname(__file__).'/img/mark2.png'; $img_mark = imagecreatefrompng($file_mark); imagecopy($this->im_slide, $this->im_fullbg,0, $this->_y , $this->_x, $this->_y, $this->mark_width, $this->mark_height); imagecopy($this->im_slide, $img_mark,0, $this->_y , 0, 0, $this->mark_width, $this->mark_height); imagecolortransparent($this->im_slide,0);//16777215 //header('content-type: image/png'); //imagepng($this->im_slide);exit; imagedestroy($img_mark); }}?>附：完整实例代码点击此处。
本文发布于:2023-04-08 18:46:32，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/757d4650d681b390657d5401815ad240.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：php+js实现的拖动滑块验证码验证表单操作示例【附源码下载】.doc
本文 PDF 下载地址：php+js实现的拖动滑块验证码验证表单操作示例【附源码下载】.pdf
| 留言与评论（共有 0 条评论） |
