java把文件流转base64，然后前端展示base64图片

最新推荐文章于 2024-08-23 14:24:12 发布

卿者飞翔

最新推荐文章于 2024-08-23 14:24:12 发布

阅读量6.1k

点赞数 2

分类专栏： java linux 文章标签： java base64 html

本文链接：https://blog.csdn.net/qq_36268452/article/details/103542934

版权

java 同时被 2 个专栏收录

32 篇文章 0 订阅

订阅专栏

linux

16 篇文章 0 订阅

订阅专栏

一，java端

1，项目是基于springboot的。读取本地图片，转成base64编码字节数组字符串，传到前端。
2，这种传输图片的方式可以用于Java后台代码生成条形码二维码，直接转成base64传给前台展示。ps:（在传给前台的字符串前要加上data:image/png;base64,，这样html的img标签的src才能以图片的格式去解析字符串）

@RequestMapping("/login")
    public String login(Map<String ,Object> map){
        byte[] data = null;
        // 读取图片字节数组
        try {
            InputStream in = new FileInputStream("E://aa.jpg");
            data = new byte[in.available()];
            in.read(data);
            in.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
        // 对字节数组Base64编码
        BASE64Encoder encoder = new BASE64Encoder();
        // 返回Base64编码过的字节数组字符串
        map.put("image","data:image/png;base64,"+ encoder.encode(Objects.requireNonNull(data)));
        return "login";
    }

二，html端

用的是thymeleaf模板引擎，只是单纯地展示base64编码的图片。

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
	<img th:src="${image}">
</body>
</html>