流星app:图片无法加载

Question

流星app:图片无法加载

我正在用流星制作一个简单的聊天应用程序.我的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>

Run Code Online (Sandbox Code Playgroud)

图像不会加载到本地服务器上.由于应用程序非常简单,除了目录中的".meteor"文件夹之外没有其他文件夹..js,.css和.html文件都在app目录中.

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

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

Answer 1

Wer*_*rås 17

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

从Meteor文档:

/上市

/ public中的文件按原样提供给客户端.使用此选项可存储图像等资源.例如,如果您的图像位于/public/background.png,则可以使用background-image:url(/background.png)将其包含在HTML中或CSS中.请注意/ public不是图像URL的一部分.

Answer 2

Gaj*_*ara 5

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

images/transparent.jpg

归档时间：	10 年，11 月前
查看次数：	11864 次
最近记录：	8 年前