欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

图片验证码输出 base64 字符串,适用于 自己存储key + 验证码来验证(不依赖于cookie)

程序员文章站 2022-04-25 15:16:10
...

验证码是一个很常见的功能,最近在做Crmeb项目,发现基于cookie的验证码有个大大的坑,从以下两种做法来说明

  1. 验证码内容存于cookie
    1. cookie读取不到数据或者被禁止,那么验证码功能就不可用,导致正常功能无法使用
    2. 前后端分离项目无法使用
  2. 基于redis存储key=>value来实现
    1. 每次生成一对key=>value值,保证key在一段时间内唯一(验证码有效期),把验证码值存储redis
    2. 把第一步生成的验证码的值以base64字符串的模式返回给前端,这个时候也要返回key
    3. 前端提交数据的时候,需要把key和用户输入的验证码值给后端
    4. 后端拿到key去redis读取,拿不到证明过期,拿到如果值对不上证明输入错误
  3. 下面看PHP如何生成base64验证码图片
    <?php
    /**
     * @function getCode 生成验证码
     * @author 张先生
     * @date 2020-04-01
     * @return array
     */
    // 获取验证码(参数:验证码个数,验证码宽度,验证码高度)
    if(!function_exists('getCode')) {
        function getBase64Code(string $code, $width = 100, $height = 30)
        {
            $image = imagecreate($width, $height); // 赋值宽度,高度
            imagecolorallocate($image, 255, 255, 255); // 设定图片背景颜色
            // 生成干扰像素
            for ($i = 0; $i < 80; $i++) {
                $dis_color = imagecolorallocate($image, rand(0, 2555), rand(0, 255), rand(0, 255));
                imagesetpixel($image, rand(1, $width), rand(1, $height), $dis_color);
            }
            // 打印字符到图像
            $num = strlen($code);
            for ($i = 0; $i < $num; $i++) {
                $char_color = imagecolorallocate($image, rand(0, 2555), rand(0, 255), rand(0, 255));
                imagechar($image, 100, ($width / $num) * $i, rand(0, 5), $code[$i], $char_color);
            }
    
            ob_start();
            imagepng($image);
            $imageData = ob_get_contents();
            imagedestroy($image);//释放资源
            ob_end_clean();
    
            return "data:image/png;base64," . base64_encode($imageData);
        }
    }

     

 

 

上面代码显示的是PHP代码,JAVA也可以用此种方式来实现,具体JAVA代码就不在此贴出来,如果有需要看JAVA代码请下载我们的开源项目。

项目地址:https://gitee.com/makeitso/crmeb_java  图片验证码输出 base64 字符串,适用于 自己存储key + 验证码来验证(不依赖于cookie)图片验证码输出 base64 字符串,适用于 自己存储key + 验证码来验证(不依赖于cookie)

 

图片验证码输出 base64 字符串,适用于 自己存储key + 验证码来验证(不依赖于cookie)

图片验证码输出 base64 字符串,适用于 自己存储key + 验证码来验证(不依赖于cookie)
关注我CRMEB,更多精彩等着你。