先上图:
演示地址:http://aso.39gs.com/tncode/index.html
相信在淘宝,斗鱼这些大网站都见到过这样的验证码了,拖动验证码比传统在移动端有更好的化验,减少用户的输入。
极验验证码:第三方收费拖动验证码,斗鱼,熊猫直播等很多网站都使用了这家的验证码。
这种通过第三方来实现的方式对一个程序来说,总觉得很不好。于是我就想做用php+js来做一个同样的功能,名字就叫tncode吧,39验证码,哈哈!
实现的主要技术:
1、php抠图
2、js canvas画图
3、破解干扰
4、使用webp图片格式
代码下载
地址一:https://github.com/binwind8/tncode
地址二:http://aso.39gs.com/tncode/tncode.rar
有网友反馈本地安装无法显示图片,可能是网友本地环境打开错误日志报告,处理方法:
一、把tncode.php中error_reporting(7) 改在 error_reporting(0);
二、如果上面方法没用,请按以下操作:
- 请打开php错误报告,在TnCode.class.php添加 ,error_reporting(7) ;
- 把然后把TnCode.class.php中header(‘Content-Type: image/png’); 注释
- 在浏览器中打开 http://xxxx/xxxx/tncode.php,会显示出错误报告
- 请把报告留言给我,谢谢!