7

如何在图像中使用我已经传递给玉的对象,我也在使用 mongodb 来保存数据。

目前这是我的代码:

db.collection('blogposts', function(err, collection) {
    if (err) throw err;
    collection.find().toArray(function(err, docs) {
        if (err) throw err;
        res.render('table', { title: 'Blog Posts', tab: "list" , blogposts: docs });
    });
});

所以我让nodejs通过一个mongodb集合传递给jade,然后在Jade中我有:

div.span9
    table.table.table-bordered.table-striped.noborder

        each row in blogposts
            tr
                td
                    div.blogtitle #{row.Title}
                    br
                    div.blogheading #{row.Heading}
                    br
                    div.namedate #{row.Namedate}
                    br
                    div.imagetable
                        img(src='')
                    br
                    div.blogposts #{row.Posts}
                    br
                    div.blogtags Tags: #{row.Tags}

而我正在尝试做的是#{row.Image}在实际中使用img(src='')作为源。

看来我必须使用其他语法或其他东西才能在源代码中使用它,因为只是将其放入是行不通的。

4

3 回答 3

11

做就是了img(src= "http://" + row.Image)

Jade 会将src属性值视为 javascript 表达式,对其进行评估并按照您的预期呈现 HTML。

于 2013-08-04T06:15:54.333 回答
0

如果您要发送链接,它可能会按照详细说明的方式工作。如果您将数据作为 base64 编码字符串发送,则必须将以下内容添加到图片数据中:

“数据:图像/png;base64,”

所以你会有: img(src= "data:image/png;base64," + row.ImageDataBase64)

于 2017-02-08T22:53:27.057 回答
0

我有一个类似的问题。我的网址已经预先添加了 https://。有效的解决方案是:

img(src=row.Image)
于 2016-05-22T21:19:57.080 回答