使用 jQuery 在 ejs 中显示图像

Question

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

这是来自coverage.ejs的代码sn-p：

<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>