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
6
A
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}')
Problemi correlati
- 1. nodo jade condizionale jade
- 2. Utilizzo di indexOf in Jade
- 3. Condizione in linea in Jade
- 4. Blocca commenti in Pug (Jade)?
- 5. Come posso farlo in Jade?
- 6. Come rimuovere unescape '&' in Jade
- 7. Jade Inline Conditional
- 8. Grunt compiling Jade files
- 9. Jade, mixin && html
- 10. Express Generator Without Jade
- 11. L'orologio funziona con Jade?
- 12. Rendering immagine memorizzata in Mongo (GridFS) con Node + Jade + Express
- 13. Usa in linea mixin a Jade
- 14. Differenza tra inclusione e blocco in Jade
- 15. Jade Auto-compile in Webstorm su Windows
- 16. Cosa c'è in futuro per JADE?
- 17. La sintassi di jade supporta un'istruzione switch?
- 18. Utilizzo di Jade per iterare JSON
- 19. Convertitore da Jade a HTML
- 20. Jade templating, ambito variabile incluso
- 21. JADE: differenza tra e ogni
- 22. Node.js, Express e Jade - Moduli
- 23. Foreach loop in jade (motore di template node.js)
- 24. Più righe per valore di attributo lungo in Jade/Pug
- 25. node.js jade - come impostare il tipo di contenuto in giada
- 26. Come utilizzare i modelli Underscore invece di Jade in Express?
- 27. Jade - imposta la directory di base in base all'ambiente
- 28. Espansione di un oggetto per impostare attributi in Jade
- 29. Visualizzazione rendering in una variabile in ExpressJS (per risposta AJAX)
- 30. Visualizzazione di un nuovo elemento in ItemsControl in visualizzazione
Potrebbe inquadrare le tue domande su un problema specifico e inserisci il codice che si è tentato di risolvere vero? – AmitJS94
Il mio problema specifico è che non so come visualizzare un'immagine in Jade – user313084