Mam następujący kod Jadeitowy h3(class="text-muted") MedKit
, który wyświetla słowo "MedKit" u góry strony internetowej i zaraz obok niego chcę wyświetlić obraz. Jak mam to zrobić i jak mam załadować/zapisać obraz, który chcę wyświetlić?Wyświetlanie obrazu w Jade
6
A
Odpowiedz
12
Obraz można wyświetlić za pomocą znacznika img. W jade składnia wygląda następująco:
img.className#IdName(src="/path-to-image.jpg" alt="Image Title")
Aby go wyświetlić obok tagu h3:
.image-block
h3 Hello
img.className#IdName(src="/path-to-image.jpg" alt="Image Title")
Proponuję przeczytać o piping in jade too. Po prostu upewnij się, że zamieniasz spacje na tabulatory, spowoduje to błąd kompilacji.
kod
2
Mops do wyświetlania obrazu z db jest ...
img.image(src='/' + img_path_var)
stary jade kod
img.image(src='/#{img_path_var}')
Powiązane problemy
- 1. Wyświetlanie obrazu w skali szarości
- 2. Wyświetlanie obrazu w polu tekstowym
- 3. .htaccess umożliwia wyświetlanie obrazu bezpośrednio
- 4. Wyświetlanie obrazu utworzonego z imagecreatefromstring
- 5. Tworzenie/wyświetlanie obrazu z danychURL
- 6. Warunkowo wyświetlanie obrazu w WebGrid - MVC 3
- 7. Wyświetlanie obrazu na podstawie wartości w XAML
- 8. Wyświetlanie obrazu .png w oknie wxPython
- 9. Wyświetlanie przesłanego obrazu w MVC 3 Razor
- 10. Wyświetlanie obrazu w Ireports przy użyciu PostgreSql
- 11. Android WebClient, wracając Zasób obrazu poprzez WebResourceResponse - nie wyświetlanie obrazu
- 12. Przesyłanie i wyświetlanie obrazu Meteor JS
- 13. Wyświetlanie obrazu Internet Explorer i Base64
- 14. Wyświetlanie obrazu z OpenGL i antyaliasingiem
- 15. Wyświetlanie obrazu tła na płótnie atramentowym UWP
- 16. Wyświetlanie obrazu z tablicy obrazów - Javascript
- 17. Wyświetlanie obrazu z folderu/pliku na vb.net
- 18. HTML - Wyświetlanie obrazu po wybraniu nazwa_pliku
- 19. Czy wszystkie przeglądarki obsługują wyświetlanie obrazu progresywnego?
- 20. Wyświetlanie obrazu za pomocą EJS w pliku node.js/express
- 21. Wyświetlanie statycznego obrazu w folderze publicznym (szyny 4)
- 22. Przechodzenie obrazu przez WCF i wyświetlanie ich w datagrid WPF
- 23. Korzystanie z indexOf w Jade
- 24. Node.js JADE linebreaks w źródle?
- 25. Blokowanie komentarzy w mops (Jade)?
- 26. Jak usunąć unescape "&" w Jade
- 27. małe z Jade szablonu
- 28. Konwerter Jade na HTML
- 29. Jade, mixin && html
- 30. Wyświetlanie elementów imageli w Timage
mógłbyś wykadrować pytanie o jeden konkretny problem i pisać kod, który próbowano rozwiązać to ? – AmitJS94
Mój specyficzny problem polega na tym, że nie wiem, jak wyświetlić obraz w Jade – user313084