Affichage d'une image dans Jade

Question

J'ai donc le code Jade suivant h3(class="text-muted") MedKit qui affiche le mot "MedKit" en haut d'une page Web et juste à côté, je veux afficher une image. Comment pourrais-je procéder et comment télécharger/enregistrer l'image que je souhaite afficher?

Answer 1

Vous pouvez afficher une image à l'aide de la balise img. En jade, la syntaxe ressemble à:

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

Pour l'afficher à côté de votre balise h3:

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

Je vous suggère de lire passepoil en jade aussi . Assurez-vous simplement de remplacer les espaces par des tabulations sinon cela donnera une erreur de compilation.

Answer 2

Le code Pug pour afficher l'image à partir de db est ...

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

ancien code de jade

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