时间戳

首页 > 解决方案 > 如何在 img(src="") 中为图像添加外部链接？

pug - 如何在 img(src="") 中为图像添加外部链接？

问题描述

我在文档 product-list.pug 中添加产品卡，并向未呈现的 url 添加外部链接：

                each product in prods 
                .card 
                    h3 #{product.title}
                    p  
                        img(src='#{product.imageUrl}', alt="#{product.imageUrl}")
                    p #{product.price}
                    p #{product.description}

怎么做才行？例如，我添加了此链接-“ https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse4.mm.bing.net%2Fth%3Fid%3DOIP.5SUhFpKmTir7RkmDLUqUXgAAAA%26pid %3DApi&f=1 "

当它在 HTML 页面中呈现时，一个 html 标签<img>呈现如下：<img src="#{product.imageUrl}">，但应该是<img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse4.mm.bing.net%2Fth%3Fid%3DOIP.5SUhFpKmTir7RkmDLUqUXgAAAA%26pid%3DApi&f=1">.

标签： pug

解决方案

var myImage = "https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse4.mm.bing.net%2Fth%3Fid%3DOIP.5SUhFpKmTir7RkmDLUqUXgAAAA%26pid%3DApi&f=1"
img(src=myImage)

或者在你的情况下：

img(src=product.imageUrl)

推荐阅读