簡體   English   中英

流星在HTML中顯示base64圖像

[英]Meteor displaying base64 image in HTML

我正在創建一個Meteor應用程序,用戶可以在其中詢問和回答問題。 我正在使用文本編輯器作為用戶輸入。 它允許用戶插入圖像,並將它們以base64格式插入數據庫中。 問題是有沒有一種方法可以在HTML中使用助手顯示它們。 到目前為止,我的代碼:帖子:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM