在Jade中显示图像

时间:2016-02-16 05:41:21

标签: pug

所以我有以下Jade代码h3(class="text-muted") MedKit,显示单词" MedKit"在网页的顶部,在它旁边,我想显示一个图像。我将如何进行此操作以及如何上传/保存我想要显示的图像?

2 个答案:

答案 0 :(得分:18)

您可以使用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。只需确保用制表符替换空格,否则会出现编译错误。

答案 1 :(得分:4)

从db显示图像的Pug代码是......

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

旧玉代码

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