在Jade中显示图片

Question

我有以下Jade代码：h3(class="text-muted") MedKit，它在网页顶部显示单词“MedKit”，我想在其旁边显示一张图片。我该如何实现这个功能，并应该如何上传/保存我想要展示的图片？

- user313084

---

你能否将你的问题具体化，并发布你尝试解决它的代码？ - AmitJS94

我的具体问题是我不知道如何在Jade中显示图像。 - user313084

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")

我建议你阅读关于Jade中的管道的内容。只需确保用制表符替换空格，否则会导致编译错误。

- AmitJS94

Answer 2

从数据库中显示图片的Pug代码如下：

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

旧的玉代码

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

- SulTan