如何在 Meteor 模板文件中添加图像?

Posted

技术标签:

【中文标题】如何在 Meteor 模板文件中添加图像?【英文标题】:How do I add an image in a Meteor template file? 【发布时间】:2020-03-20 04:26:07 【问题描述】:

我目前正在制作一个包含多个页面的 Meteor 网站,并使用 IronRouter 让我的 /client/main.html 显示一个页面框架并导入位于 /imports/ui 的几个 HTML 模板。我有一个 HTML <img> 元素位于其中一个模板内——/imports/ui/home.html

我需要将图像文件放在哪里以及我需要将什么作为href= 放置才能正确找到图像?

我已经尝试过使用/public 目录,并将图像放在/imports/ui 文件中,然后尝试使用图像名称本身链接到它(就好像模板从它自己调用图像一样文件夹)并使用/../imports/ui/image.jpg,就像main.html(带有框架和Ironrouter链接的页面)正在调用图像文件。

【问题讨论】:

【参考方案1】:
    将您的图像文件(例如image.png)放入/public。 在您的 html 中使用 <img src="/image.png"/>(注意:img 标签使用 src 而不是 href 属性 - 很容易犯错误)。

更多详情here.

【讨论】:

以上是关于如何在 Meteor 模板文件中添加图像?的主要内容,如果未能解决你的问题,请参考以下文章

如何在模板助手中使用 Meteor 方法

Angular-Meteor - 如何在基于包的设计中包含 ng 模板?

在视图模板文件中添加背景图像

如何将一个模板的一些数据发送到另一个模板 Meteor

meteor.js 是如何更新模板数据的?

Meteor i18n - 如何拥有多个模板,每种语言一个?