我正在使用一个把手和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中吗?