后端图形验证码base64编码字符串及前端获取图形验证码base64编码字符串并解码显示图形验证码代码

最新推荐文章于 2025-06-19 10:13:25 发布

IT小浣熊

最新推荐文章于 2025-06-19 10:13:25 发布

阅读量4.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：日常小计文章标签： java javascript 图型验证码

本文链接：https://blog.youkuaiyun.com/qq_43225978/article/details/99729379

本文介绍了后端利用Java生成图形验证码并进行Base64编码，通过接口传递给前端。前端接收到编码字符串后进行解码并显示图形验证码。参考了相关优快云博客文章，并提供了在线加密解密工具链接供测试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后端生成图形验证码，并进行base64编码生成字符串传至前端，由前端解码显示图形验证码，代码如下：

后端-获取图形验证码base64编码字符串接口：

	/**
     * @param response
     * @return map
     * @throws Exception 获取图形验证码接口
     */
    @RequestMapping("/getVerifyCode")
    @ResponseBody
    public Map getVerifyCode(HttpServletResponse response) throws Exception {
   
   
        Map map = new HashMap();
        //第一个参数是生成的验证码，第二个参数是生成的图片
        Object[] objs = VerifyUtil.createImage();
        //将图片输出给浏览器
        BufferedImage image = (BufferedImage) objs[1];
        String value = objs[0].toString().toLowerCase();
        String key = UUID.randomUUID().toString();
        redisUtils.set(key, value, 2, MINUTES);
        ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
        // 使用ServletOutputStream流可直接输出图片
//        ServletOutputStream outputStream = response.getOutputStream();
        ImageIO.write(image, "png", outputStream);
        Base64 base64 = new Base64();
        String pic = new String(base64.encode(outputStream.toByteArray()));
        map.put("codeKey", key);
        map.put("codePic", pic);
        return map;
    }