在laravel中使用poster扩展包实现图片的旋转验证、滑块验证示例

2023-06-01 00:00:00 示例 验证 旋转

poster扩展包介绍:PHP海报生成、图片验证,极速生成方便快捷。 

快速生成海报、生成签到日历、生成二维码、合成二维码、图片添加水印、图片水印、水印 滑块验证、旋转图片验证等


使用composer安装

composer require kkokk/poster

更新的话使用以下命令

composer update kkokk/poster


图片滑块验证示例代码:

    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())
    }

效果:

图片滑块验证.gif


旋转图片验证示例代码:

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

效果:

旋转图片验证.gif


相关链接

码云:

https://gitee.com/langlanglang/poster

github:

https://github.com/kkokk/poster

相关文章