滑动验证码,滑块验证码,滑块验证码

项目地址: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,/ ...“

}

欢迎关注我的公众号:【菜鸟要飞】 ,面试宝典、学习路线、源码分享等等你来学

你可能感兴趣的:(滑动验证码,滑块验证码,滑块验证码)