无法在header.ejs文件中显示图像
提问于 2021-07-16 17:03:51
我正在做一个网站，我想有一个jvascript http头(通过express)会很酷，这样我就不必在每个文件上都创建一个头和尾。好吧，我这样做了(耶耶)，但我必须插入一个标志(Jpeg)的标题，我不能，因为有些东西wrong......but我不知道什么。
我的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```
回答 1
Stack Overflow用户
发布于 2021-07-16 17:10:17
当您在ejs文件中设置为upper-header.jpg时，图像的名称是upper-Header.jpg。更正名称后重试。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68412795
复制相关文章
点击加载更多
腾讯云开发者
