项目地址:https://github.com/eatage/VerificationCode
项目介绍:用户拖动滑块完成时完成校验,支持PC端及移动端。并在后台保存用户校验过程的时间,精度,滑动轨迹等信息。
输出的验证码为JSON格式,其中大图片是将原图裁剪成横向10份纵向2分共20张图片随机混淆拼接而成的,原图通过在前端移位还原,混淆信息带在JSON上
JSON格式说明:
errcode:状态码
y:裁剪的小图相对左上角的ÿ轴坐标
数组:验证码图片混淆规律
IMGX:验证码图片宽度
IMGY:验证码图片高度
小:裁剪的小图片
正常:验证码混淆后的图片
**兼容信息:**兼容主流浏览器,iPhone端的Safari浏览器,QQ内置浏览器,微信内置浏览器,安卓端主流浏览器
示例代码:
{
“ errcode ”:0,
“ y ”:189,
“ array ”:“ 0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15, 16,17,18,19 “,
” imgx “:300,
” imgy “:300,
” small “:” data:image / jpg; base64,/ ... “,
” normal “:” data:image / jpg ; BASE64,/ ...“
}
欢迎关注我的公众号:【菜鸟要飞】 ,面试宝典、学习路线、源码分享等等你来学
网友评论