Question

我正在与流星制作一个简单的聊天应用。我的HTML是：

<body>
    <h1 align="center">tomomi-chat</h1>
    <img src="original.gif">
    <div class="container" align="center">
    {{>entryfield}}
    </div>
    <br>
    <div class="container">
    {{>messages}}
    </div>

图像不会加载到本地服务器上。由于应用程序非常简单，除了＆＃39; .meteor＆＃39;之外没有任何文件夹。目录中的文件夹。 .js，.css和.html文件都在app目录中。

即使我托管图像并使用外部链接，结果也一样。为什么流星阻挡我的应用程序中的图像？

已部署：http://tomomi.meteor.com/

Answer 1

您应该在应用程序根文件夹中创建名为 public 的文件夹。

来自Meteor documentation：

<强> /公共

/ public中的文件按原样提供给客户端。用它来   存储图像等资产。例如，如果您找到了图像   在/public/background.png中，您可以使用background-image将其包含在HTML中或CSS中：   URL（/background.png）。请注意，/ public不是图片网址的一部分。

Answer 2

创建一个/public文件夹。把你的图像放在那里。

Answer 3

要详细说明，我会像这样在公共文件夹中添加图像资产目录，并通过这样的方式提供服务

images/transparent.jpg

Answer 4

将资源放在 PROJECT / public 文件夹中，当您在标记中指定链接时，只需使用＆＃34; xyz.jpg ＆＃34;。

就是这样！该网址中不包含 / public 文件夹。流星框架非常正确。

正确 - ＆gt; ＆＃34; xyz.jpg＆＃34;

INCORRECT - ＆gt; ＆＃34; /public/xyz.jpg"

Answer 5

如果您是Windows 10用户，请像这样创建公用文件夹并以简单的方式调用

enter image description here

流星app：图片无法加载

5 个答案: