流星在HTML中显示base64图像
问题描述:
我正在创建一个Meteor应用程序,用户可以询问和解答问题。我正在使用文本编辑器进行用户输入。它允许用户插入图像,并以base64格式将它们插入到数据库中。问题是有没有一种方法可以用helper在html中显示它们。我的代码到现在: 帖子:流星在HTML中显示base64图像
function(){
var posts = Posts.find({});
var postsArray = [];
posts.forEach(function(entry){
var object = new Object();
object.title = entry.title;
object.image = entry.content.match(/src=(.*?)style/)[1];
console.log(object);
postsArray.push(object);
})
return postsArray;
},// returns posts
HTML:
{{#each posts}}
<h3>{{title}}</h3><br/>
<img src={{image}}/>
{{/each}}
答
其实,我找到了答案。错误在正则表达式中:
posts:function(){
var posts = Posts.find({});
var postsArray = [];
posts.forEach(function(entry){
var regex = /<img.*?src='(.*?)'/;
var object = new Object();
object.title = entry.title;
object.image = entry.content.match(/<img src="(.*?)"/)[1];
console.log(object);
postsArray.push(object);
})
return postsArray;
},// returns posts