分享PHP+Javascript实现滑动验证码

Reer · 发表于 2021-7-22 18:26

本帖最后由 Reer 于 2021-7-27 11:32 编辑

效果：

目前市面上做的好的拖动验证、用户行为验证有极验验证码、网易易盾验证等，这些第三方验证一般需要收费，本文给大家介绍一款免费的拖动验证码，使用PHP+Javascript实现。主要技术应用

1、php抠图
2、js canvas画图
3、破解干扰
4、使用webp图片格式

作者已经将代码开源，项目在github上的地址是：https://github.com/binwind8/tncode

helloweba_tncode.zip (277.47 KB, 下载次数: 84)
使用方法首先引入相关的js和css文件：
<script type="text/javascript" src="tn_code.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
然后在需要放置滑块验证码的位置加入如下代码：
<div class="tncode" style="text-align: center;margin: 100px auto;"></div>
这是一个用来点击弹出滑块验证码的按钮。
最后在页面尾部加上Javascript代码
<script>$TN.onsuccess(function(){//验证通过});</script>

Reer · 发表于 2021-7-23 20:57

叶凯发表于 2021-7-22 21:40
这东西还有免费的？我一直用腾讯收费的接口

免费的，公司有矿另说

zhangyunhe · 发表于 2021-7-22 20:21

学习下大佬的思路

52guge · 发表于 2021-7-22 21:09

这是过？还是做？

那年夏天52 · 发表于 2021-7-22 21:15

这个就很不错哦

叶凯 · 发表于 2021-7-22 21:40

这东西还有免费的？我一直用腾讯收费的接口

starwar · 发表于 2021-7-22 22:00

谢谢大佬！！！

ytw6176 · 发表于 2021-7-22 22:36

感谢，刚好需要，那些第三方看着就烦还有广告，加载还慢

sam喵喵 · 发表于 2021-7-22 23:46

感谢分享

寒雨孤夜 · 发表于 2021-7-23 08:47

看了一下，作者4年前写的，4年没更新了。。。

帐号		自动登录	找回密码
密码			注册[Register]

[其他转载] 分享PHP+Javascript实现滑动验证码

免费评分