在 Jade 中显示图像

Question

所以我有以下 Jade 代码 h3(class="text-muted") MedKit，它在网页顶部显示单词 "MedKit"，我想在它旁边显示图像。我将如何着手执行此操作以及我应该如何 upload/save 我想要显示的图像？

Answer 1

您可以使用 img 标签显示图片。在 jade 中语法如下：

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

要将其显示在您的 h3 标签旁边：

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

我建议您阅读有关 piping in jade too 的内容。只需确保将空格替换为制表符，否则会出现编译错误。

Answer 2

显示来自数据库的图像的 Pug 代码是...

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

旧玉码

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

Displaying an image in Jade