文件夹的Express.js和ejs目录

Question

我想插入位于此处的图像： images/image.png我的主/启动文件在这里： server.js我的路线在这里： routes/main.js我要插入图像的 ejs 文件在这里： views/main/index.ejs我必须使用什么目录来获取图像？

我尝试从 ejs 文件访问 go：../../images/ ../../images/image.png我尝试从我的路线访问 go：../images/ ../images/image.png我尝试从主文件访问 go ./images/image.png但没有任何效果

<img src="../../images/image.png" alt="Cuold not load image">

https://i.stack.imgur.com/u0FFH.png

Answer 1

您还没有声明您的“图像”文件夹。 通常，javasript、CSS、图像等都放在“公共”文件夹中。 将此代码添加到您的 server.js

const express = require("express");
const path = require("path");

const app = express();

app.set("views", path.join(__dirname, "views"));
app.set("view engine", "ejs");
app.use(express.json());
app.use(express.urlencoded({ extended: true }));
app.use(express.static(path.join(__dirname, "public")));

创建“public”文件夹并将“img”/“images”文件夹放入其中。

然后在你的 index.ejs 文件中。 添加此代码以检索图像。

<img src="/images/image.png" alt="your image">