Base64没有显示在车把模板中

时间:2019-05-05 07:03:31

标签: html base64 handlebars.js pug

我正在使用一个把手和Pug作为模板引擎来开发一个wep应用程序。 在一页中,我在上下文中传递了base64图像,如以下最小示例所示:

HTML

script(id="my-temp",type="text/x-handlebars-template")
  img(src="{{image}}")

js

var template = $('#my-temp').html();
var ctx = {
 image:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD..." // base64 is here
}
var templateScript = Handlebars.compile(template);

var html = templateScript(ctx);
console.log(html); //image src is empty at this point

 $(html).insertBefore('#my-temp');

浏览器输出

<img src(unknown)>

您知道为什么图像始终为空并且不出现在已编译的HTML中吗?

0 个答案:

没有答案