2016-02-16 19 views
6

So habe ich den folgenden Jade-Code h3(class="text-muted") MedKit, der das Wort "MedKit" am oberen Rand einer Webseite anzeigt und direkt daneben möchte ich ein Bild anzeigen. Wie würde ich das machen und wie soll ich das Bild, das ich anzeigen möchte, hochladen/speichern?Anzeige eines Bildes in Jade

+0

Könnten Sie Ihre Frage zu einem bestimmten Problem Rahmen und nach dem Code, den Sie versucht haben, zu lösen es? – AmitJS94

+0

Mein spezifisches Problem ist, ich weiß nicht, wie man ein Bild in Jade anzeigt – user313084

Antwort

12

Sie können ein Bild mithilfe des Tags img anzeigen. In Jade sieht die Syntax wie:

img.className#IdName(src="/path-to-image.jpg" alt="Image Title") 

es zu Ihrem h3-Tag neben Anzeigen:

.image-block 
    h3 Hello 
    img.className#IdName(src="/path-to-image.jpg" alt="Image Title") 

Ich schlage vor, Sie lesen über piping in jade too. Stellen Sie sicher, dass Sie die Leerzeichen durch Tabulatoren ersetzen, andernfalls wird ein Kompilierungsfehler auftreten.

2

Code Mops Bild anzuzeigen von db ist ...

img.image(src='/' + img_path_var) 

alte Jade Code

img.image(src='/#{img_path_var}')