Displaying an Image in Jade
So I Have the Following Jade Code H3(Class="Text-Muted") Medkit That Displays the Word "Medkit" at the Top of a Web Page and Right Next to It I Want to Display...
So I have the following Jade code h3(class="text-muted") MedKit that displays the word "MedKit" at the top of a web page and right next to it I want to display an image. How would I go about doing this and how should I upload/save the image I want to display?
2 Answers
You can display a image by using the img tag. In jade the syntax looks like:
img.className#IdName(src="/path-to-image.jpg" alt="Image Title")
To display it next to your h3 tag:
.image-block
h3 Hello
img.className#IdName(src="/path-to-image.jpg" alt="Image Title")
I suggest you read about piping in jade too. Just ensure that you replace the spaces with tabs else it will give a compilation error.
Pug code to display image from db is...
img.image(src='/' + img_path_var )
old jade code
img.image(src='/#{img_path_var}')
Robert Thorne covers electric vehicle innovations, autonomous driving systems, global mobility trends, and automotive engineering developments.
