使用base64显示图片_base64位展示图片 src="data

因为在使用Thymeleaf模板H5生成pdf文件时需要使用图片生成盖章功能,在使用图片链接的时候,模板并没有去请求图片,所以要使用base64的方式去显示。

前端渲染:

<img th:src="'data:image/png;base64,' + ${imgStr}" />

后端返回:

    byte[] bytes = iossApi.downLoad("test1.png", OSSBucketConst.SEAL);
    String imgBase64Str = Base64.encodeBase64String(bytes);
    parameters.put("imgStr",imgBase64Str);

因此需要添加src里面添加:data:image/png;base64,base64

        data:,文本数据

        data:text/plain,文本数据

        data:text/html,HTML代码

        data:text/html;base64,base64编码的HTML代码

        data:text/css,CSS代码

        data:text/css;base64,base64编码的CSS代码

        data:text/javascript,Javascript代码

        data:text/javascript;base64,base64编码的Javascript代码

        data:image/gif;base64,base64编码的gif图片数据

        data:image/png;base64,base64编码的png图片数据

        data:image/jpeg;base64,base64编码的jpeg图片数据

        data:image/x-icon;base64,base64编码的icon图片数据