滑块验证图片

源码分享   2023-03-24 09:13   527   0  

安装

composer require kkokk/poster

更新

composer update kkokk/poster

演示

滑块前端演示 kkokk.github.io/captcha/

使用文档

开源仓库:
gitee 文档
github 文档

    use Kkokk\Poster\PosterManager;use Kkokk\Poster\Exception\PosterException;try {# 滑块自定义参数$params = ['src'           => '',  // 背景图片,尺寸 340 * 191'im_width'      => 340, // 画布宽度'im_height'     => 251, // 画布高度'bg_width'      => 340, // 背景宽度'bg_height'     => 191, // 背景高度'slider_width'  => 50,  // 滑块宽度'slider_height' => 50,  // 滑块高度'slider_border' => 2,   // 滑块边框];$type = 'slider';/**
          * 获取滑块验证参数
          * 内部使用了 laravel 的 cache 缓存,返回的是图片的 base64 、 缓存key 、滑块高度
          * @param string $type   验证码类型
          * @param array  $params 验证码自定义参数
          * @return arary
          */$data = PosterManager::Captcha()->type($type)->config($params)->get();/** 
          * 验证滑块
          * 前端根据相关滑块操作进行处理, 返回x坐标,返回 true 则验证成功
          * @param string     $key     缓存key
          * @param string|int $value   前端传回来的x坐标
          * @param int        $leeway  误差值
          * @return boolean
          */$res = PosterManager::Captcha()->type($type)->check($key, $value, $leeway);} catch (PosterException $e) {print_r($e->getMessage())}

示例

滑块

博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。
闲言碎语
我们都史无前例的有默契,突然你不理我我也不理你。
赞赏支持

如果觉得博客文章对您有帮助,异或土豪有钱任性,可以通过以下扫码向我捐助。也可以动动手指,帮我分享和传播。您的肯定,是我不懈努力的动力!感谢各位亲~