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

验证码是一个很常见的功能,最近在做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  

 

关注我 @CRMEB,更多精彩等着你。
关注我CRMEB,更多精彩等着你。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值