如何在速度模板中显示图像 [英] How can I display image in velocity template

查看:27
本文介绍了如何在速度模板中显示图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何在速度模板中显示此图像?显示图像是否需要任何配置?我有速度的java配置.请帮我.提前致谢.

How can I display this image in velocity template? Is there any configuration required to display image? I have java configuration for velocity. Please help me. Thanks in advance.

推荐答案

我使用base 64图像填充数据,模板代码为

I'm using base 64 image to populate data, the code for template is

<!DOCTYPE html>
<html>
<body style="margin:0;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" style="max-width: 640px; border: 1px solid #dfdfdf; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: 0.5px; color: #404040;">
    <tr>
        <td valign="top" style="padding: 30px 20px 20px;">
            <table width="100%" cellpadding="0" cellspacing="0" bgcolor="#fff" style="border-collapse:collapse;border:1px solid #808080;">
            
                <tr>
                    <td align="left" valign="top" style="padding: 10px; border: 1px solid #808080; color: #808080;">Address</td>
                    <td align="right" valign="top" style="padding: 10px; border: 1px solid #808080; color: #404040; font-weight: bold;">${address}</td>
                </tr>
                <tr>
                    <td align="left" valign="top" style="padding: 10px; border: 1px solid #808080; color: #404040; font-weight: bold;">Aadharphoto</td>
                    <td align="right" valign="top" style="padding: 10px; border: 1px solid #808080; color: #404040; font-weight: bold;">
                    <img  src = 'data:image/png;base64,${photo}' alt="Aadharphoto" style="width:300px"/>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>

</html>

填充模板的代码

Map<String, String> templatedata = eData(response); 
/*Map<String, String> templatedata = new HashMap<>();
 templatedata.put("address", response.getAddress());
 templatedata.put("photo", response.getBase64Photo()); //iVBORw0KGgoAAAANSUhEUgAAAAUA
    AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
        9TXL0Y4OHwAAAABJRU5ErkJggg==
[![enter image description here][1]][1]*/

 public String createContent(EmailTemplate template, Map<String, String> data) {
 return VelocityEngineUtils.mergeTemplateIntoString(velocityEngine, template.getFileName(), objectMap);
}

输出图像:https://i.stack.imgur.com/wvloX.png

这篇关于如何在速度模板中显示图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆