Bild einfügen mit Jade und NodeJS

Wie kann ich ein Objekt das ich übergeben habe durch mit jade in einem Bild, ich bin auch mit mongodb, um die Daten aufzunehmen.

Dies ist aktuell mein code:

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 });
    });
});

Also ich habe die nodejs-Weiterleitung durch eine mongodb collection durch mit jade,
Dann innerhalb von Jade habe ich:

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}

Und was ich versuche zu tun, ist mit #{row.Image} innerhalb der tatsächlichen img(src='') als Quelle.

Scheint es, dass ich muss eine andere syntax oder etwas zu benutzen, die ihm innerhalb der Quelle als nur darum, es funktioniert nicht.

InformationsquelleAutor brent | 2013-08-04
  1. 11

    Nur tun img(src= "http://" + row.Image)

    Jade behandeln die src - Attribut-Wert als javascript-Ausdruck, auswerten und darstellen der HTML-wie man es erwarten würde.

    • Danke, es ist jetzt in der variable, jedoch ist die Bild-Quelle basiert aus einem link(also something.com/picture.jpg). Das problem hier ist, dass, obwohl die variable im durch betätigen hat " um es(das ist sein zeigt sich als "something.com/picture.jpg"), die es nicht erkennen, dass es von außen ist link und will das Bild vom localhost. Ich Frage mich, wie man es erkennen, dass seine ziehen das Bild von einer website?
    • Fügen Sie "http://" - Protokoll. Antwort aktualisiert.
    • Sorry, ich vergaß zu erwähnen, es hat schon http://, das voll, was im senden, Jade "something.com/picutre.jpg"
    • Nach dem hantieren mit den Anführungszeichen scheint es jetzt zu funktionieren, danke für die Hilfe.
    InformationsquelleAutor Peter Lyons
  2. 0

    Hatte ich ein ähnliches Problem. Meine url hatte bereits https://vorangestellt. Die Lösung, die geklappt hat war:

    img(src=row.Image)
    InformationsquelleAutor kjonsson
  3. 0

    Während, wenn Sie senden einen link, es könnte funktionieren, wurde der Weg detailliert. Wenn Sie das senden der Daten als base64-kodierten string, dann müssen Sie stellen Sie den folgenden, um Ihre Bild-Daten:

    "data:image/png;base64,"

    So müssten Sie: img(src= "data:image/png;base64," + Zeile.ImageDataBase64)

    InformationsquelleAutor Greg S
Schreibe einen Kommentar