2016-02-16 18 views
6

Quindi ho il seguente codice Jade h3(class="text-muted") MedKit che visualizza la parola "MedKit" nella parte superiore di una pagina Web e proprio accanto ad essa voglio visualizzare un'immagine. Come faccio a fare questo e come devo caricare/salvare l'immagine che voglio visualizzare?Visualizzazione di un'immagine in Jade

+0

Potrebbe inquadrare le tue domande su un problema specifico e inserisci il codice che si è tentato di risolvere vero? – AmitJS94

+0

Il mio problema specifico è che non so come visualizzare un'immagine in Jade – user313084

risposta

12

È possibile visualizzare un'immagine utilizzando il tag img. Nel giada la sintassi si presenta come:

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

Per visualizzare accanto al tuo tag h3:

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

vi consiglio di leggere su piping in jade too. Assicurati di sostituire gli spazi con le schede altrimenti ti verrà dato un errore di compilazione.

codice
2

Pug per visualizzare un'immagine da db è ...

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

vecchia giada codice

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