首页 > 解决方案 > 如何在 hbs 页面中显示存储在远程服务器上的图像?这甚至可能吗?

问题描述

这是我正在谈论的一段代码。该 imglink 变量是远程服务器上图像的链接。链接正常,当我使用默认的 .html 扩展名加载此页面时,它工作正常。但是当我使用 hbs 时问题就来了

<img src="{{imglink}}" alt="Image not Found" style="border-radius: 5px;" height="300px" width="250px">

这是我渲染获取的数据的部分:-

res.render("Found.hbs",{
   imglink: link,
   title: title,
   pages: pages,
   artist: authors
});

这是代码的编译输出:-

<img src="https://i.nhentai.net/galleries/635/1.jpg" alt="Image not Found" style="border-radius: 5px;" height="300px" width="250px">

当我使用 .html 扩展名时它工作正常。唯一不起作用的是当我使用 .hbs 扩展名时。即使我对链接进行硬编码,图像也不会加载到.hbs扩展名中。

标签: javascriptnode.jsexpresshandlebars.js

解决方案


推荐阅读