美文网首页Springboot
滑动验证码,滑块验证码,滑块验证码

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

作者: github源码分享 | 来源:发表于2018-10-13 22:30 被阅读77次

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

    }

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

    相关文章

      网友评论

        本文标题:滑动验证码,滑块验证码,滑块验证码

        本文链接:https://www.haomeiwen.com/subject/yguaaftx.html