Hiển thị hình ảnh trong Jade

Question

Vì vậy, tôi có mã Jade sau h3(class="text-muted") MedKit hiển thị từ "MedKit" ở đầu trang web và ngay bên cạnh nó, tôi muốn hiển thị hình ảnh. Làm cách nào để tôi thực hiện việc này và tôi nên tải lên/lưu hình ảnh mà tôi muốn hiển thị như thế nào?

Answer 1

Bạn có thể hiển thị hình ảnh bằng cách sử dụng thẻ img. Trong ngọc cú pháp trông giống như:

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

Để hiển thị nó bên cạnh thẻ h3 của bạn:

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

tôi đề nghị bạn đọc về piping in jade too. Chỉ cần đảm bảo rằng bạn thay thế các không gian bằng các tab khác, nó sẽ đưa ra một lỗi biên dịch.

Answer 2

Pug mã để hiển thị hình ảnh từ db là ...

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

ngọc mã cũ

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