gpt4 book ai didi

javascript - 使用handlebars.js电子邮件不显示base64图像

转载 作者:行者123 更新时间:2023-12-03 02:02:45 25 4
gpt4 key购买 nike

伙计们,我陷入了使用handlebars.js 在 HTML 电子邮件中显示 Base64 图像的困境。

    //imageURL : data:image/gif;base64,R0lGODlhDwAPAKECAAAAzMzM/////wAAACwAAAAADwAPAAACIISPeQHsrZ5ModrLlN48CXF8m2iQ3YmmKqVlRtW4MLwWACH+H09wdGltaXplZCBieSBVbGVhZCBTbWFydFNhdmVyIQAAOw==
<img id="img" class="someClass" src="{{imageURL}}" >

我不知道如何使用 Handlebars 显示图像。请帮助我走得更远。

最佳答案

您的模板已经正确。如果您想要使用模板的示例,请参阅以下代码:

var source = document.getElementById("template").innerHTML;
var template = Handlebars.compile(source);
var context = {
imageURL: "data:image/gif;base64,R0lGODlhDwAPAKECAAAAzMzM/////wAAACwAAAAADwAPAAACIISPeQHsrZ5ModrLlN48CXF8m2iQ3YmmKqVlRtW4MLwWACH+H09wdGltaXplZCBieSBVbGVhZCBTbWFydFNhdmVyIQAAOw=="
};
var html = template(context);

document.getElementById("template").innerHTML = html;
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.min.js"></script>
<div id="template">
<img id="img" class="someClass" src="{{imageURL}}" >
</div>

更新: 作者未指定在电子邮件中使用该模板。正如评论中所述,电子邮件客户端可能不支持 base64 图像。有关此问题的更详细答案,请查看 http://stackoverflow.com/a/9330720/2540618 的答案。 .

关于javascript - 使用handlebars.js电子邮件不显示base64图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49938443/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com