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

Laravel  /  管理员 发布于 3个月前   209

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

效果：

旋转图片验证示例代码：

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

效果：

相关链接

码云：

https://gitee.com/langlanglang/poster

github：

https://github.com/kkokk/poster