流星在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