Question

伙计我被困在使用handlebars.js在HTML电子邮件中显示base64图像。

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

我不知道如何使用把手显示图像。请帮我进一步。

Answer 1

您的模板已经正确无误。如果您想使用模板的示例，请参阅以下代码：

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上的答案。

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

1 个答案: