用jQuery在ejs中显示图像

Question

我正在使用express的节点。 该项目由一个索引页面和一个仪表板组成。不同的路线和视图被加载到仪表板中。我想整合一个加载gif，直到数据到达。一切正常。但我不知道如何在ejs-view中加载gif源代码。

下面是从coverage.ejs代码片段：

<div id="loading"> 
<img id="loading-image" src="../public/images/ajax-loader.gif" alt="Loading.." /> 
</div> 

在JavaScript控制台当我运行的项目有此错误：

GET http://localhost:3000/public/images/ajax-loader.gif 404 (Not Found) 

我使用jQuery的脚本来更新频繁的页面。 如何插入gif，以便页面知道来源，来自哪里？

Answer 1

src方向错了。它需要是：

<div id="loading"> 
<img id="loading-image" src="./images/ajax-loader.gif" alt="Loading.." /> 
</div>