javascript - 图片无法在 header.ejs 文件中显示
问题描述
我正在制作一个网站,我认为拥有一个 jvascript http 标头(通过 express)会很酷,所以我不得不在每个文件上创建一个页眉和一个页脚。好的,我做到了(Yayyy),但我必须在标题中插入一个徽标(jpeg),我不能因为出了点问题......但我不知道是什么。
我的 header.ejs 文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale">
<title>Document</title>
<link rel="stylesheet" href="css/Header.css">
</head>
<body>
<div id="Header">
<div id="upper-Header">
<img src="../public/img/upper-header.jpg"/>
</div>
<div id="lower-Header">
</div>
</div>
</body>
</html>
我的 app.js 文件
const express = require('express');
const app = express();
const port = 3000;
app.use(express.static("./src/public"));
app.use("/css/", express.static(__dirname + "public/css/"));
app.use("/img/", express.static(__dirname + "public/img/"));
app.use("/js/", express.static(__dirname + "public/js/"));
app.set("views", "./src/views");
app.set("view engine", "ejs")
app.get("", (req, res) => {
res.render("Header", { text: "This is ejs"});
})
app.listen(port, () => {
console.log(`Listening for port: ${port}`);
});
node_modules
src
public
css
Header.css
Footer.css
img
upper-header.jpg
js
Footer.js
Header.js
views
Header.ejs
Footer.ejs
app.js
package-lock.json
package.json```
解决方案
图像的名称是upper-Header.jpg
您upper-header.jpg
在 ejs 文件中设置的。更正名称后尝试。
推荐阅读
- python - 由于“缺少”libssl 文件,Django/PostgreSQL 项目无法运行
- haskell - haskell 优雅的方式从无限的数字列表中过滤(减少)重复序列
- gitlab - 我可以将自托管 GitLab 配置文件中的统计信息导出到我的公共 GitLab 配置文件吗?
- python - 无法使用 set 过滤重复元素
- spring - MongoDB Springboot Query 注释只给出第一条记录
- tensorflow - Keras-二元多标签分类的加权二元交叉熵
- node.js - 如何在github上将客户端和服务器端项目文件夹作为一个项目(api +前端)一起推送?
- php - 选择下拉菜单始终显示最后一个选择
- azure - 如何为相同资源类型的多个资源创建不同的指标类型警报
- python - 如何解析 Airflow 中的嵌套宏