【问题标题】:Image doesn't show after editing template meteor.js编辑模板meteor.js后图像不显示
【发布时间】:2016-09-03 07:43:11
【问题描述】:

Screenshot of the web app on command prompt
Screenshot of the project folder

我尝试在meteor.js 中编辑模板,但是当我将图像文件放入模板时,图像未显示在网络浏览器中 image_share

<body>
  <h1>Welcome to Meteor!</h1>

  {{> images}}
</body>

<template name="images">
    <img src="public/Aliens.jpg" alt="Aliens!">
</template>

image_share 是包含一个css文件、一个js文件和一个html文件的文件夹。我在 image_share 中创建了一个 public 文件夹,并将图像 Aliens.jpg 放入其中。当我在浏览器上运行它时,它只显示: “欢迎来到流星! {{> 图片}}" 图像未显示。我哪里错了?

【问题讨论】:

  • 尝试使用绝对路径,或许/public/Aliens.jpg?
  • 只要&lt;img src="/Aliens.jpg" alt="Aliens!"&gt; 就可以了。
  • @PedroLobito 这不起作用!
  • @m0atz 我尝试了你的建议,但它仍然不显示图像。
  • 试试&lt;img src="Aliens.jpg" alt="Aliens!"&gt; 我复制了你的文件设置,这行得通。如果它失败了,那么您的代码/设置中肯定还有其他内容。

标签: javascript html templates meteor


【解决方案1】:

只需删除 /public - 该目录映射到 /

【讨论】:

  • 我也试过了。但它仍然没有显示我的图像。
【解决方案2】:

默认情况下,metoer 理解您的资产(如图像、文档和其他附件文件)将基于 Project/public/ 的位置,因此您只需指定文件名或来自 public 目录内文件夹的路径。就是这样的兄弟。

下面是例子,

  1. 对于 public/sample.jpg => 路径是 'sample.jpg'
  2. 对于 public/IMG/sample.JPG => 路径是 'IMG/sample.JPG'

【讨论】:

  • 我之前已经尝试过了,事实上我就是这样开始的,但由于当时没有显示图像,我想我也必须添加 public/。无论哪种情况,都不会显示图像。
  • 必须在项目文件夹中创建公用文件夹。顺便说一句,你能把代码 sn-p 贴在这里,让我们知道哪里出了问题。还要放一张你的文件夹结构的快照。
  • 我只是尝试了一些东西,但不明白。我从命令提示符运行 Web 应用程序,将它在末尾显示的 URL 复制到 chrome,图像就在那里。然后我又去了 Brackets(我的文本编辑器)并运行了上面的代码。通过括号运行时,未显示图像。是的,我在项目文件夹中有公共文件夹。当我从命令提示符 URL 获得正确的输出时,文件夹本身应该没有问题。
  • 不,在 chrome 中粘贴时命令提示符中的 URL 会给出图像。但是当从我的文本编辑器运行时,它不会。我认为从文本编辑器运行时也应该显示图像。在文本编辑器的情况下,它只显示 {{> images}} 而不是图像。
  • 只有当我看到您所做的事情时,我才能提供帮助。我的Skype@ankursoni697
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-04-07
  • 2016-12-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-12-18
  • 2014-09-23
相关资源
最近更新 更多