使用jQuery在ejs中显示图像

Show image in ejs with jQuery

本文关键字:显示 显示图 图像 ejs jQuery 使用      更新时间:2023-09-26

我正在使用带有express的node。该项目由一个索引页面和一个面板组成。不同的管线和视图将加载到仪表板中。我想集成一个加载gif,直到数据到达。一切正常。但我不知道如何在ejs视图中加载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以便页面知道其来源?

src方向错误。它需要:

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