图像"/>
EJS 页面未加载图像
我是 node.js 的新手,对于这个项目,我试图在 ejs 文件上加载图像。图像位于公用文件夹中,但仍未在 .ejs 文件中显示图像。如果我调用图像 url 为 localhost:3000/public/images/bmLogo.png 的项目,它会显示图像。但是,如果我在 ejs 文件上将 url 称为 src="/images/bmLogo.png",它不会显示图像。有没有办法在 .ejs 文件上显示图像?
文件夹路径
-- views
-report-template.ejs
-- public
-images
-bmLogo.png
app.js
View 文件夹包含 report-template.ejs 和 public 文件夹,其中包含 images/bmLogo.png .
App.js
let express = require("express");
let app = express();
let ejs = require("ejs");
let pdf = require("html-pdf");
let path = require("path");
app.use('/public/', express.static('./public'));
report-template.js
<!DOCTYPE html>
<html>
<head></head>
<body style="background-color:white; margin-top: -1.5%;">
<div>
<img src="/images/bmLogo.png" style="color:black;" alt="image name">
<p>MIS Pictures</p>
</div>
</body>
</html>
回答如下:
所以,你在 app.js 中有这段代码:
app.use('/public/', express.static('./public'));
路径将是
/public/images/bmLogo.png
,而不是/images/bmLogo.png
因此,对于src
属性,您可以将其更改为/public/images/bmLogo.png
。
或者,您可以做 app.use(express.static("public"))
而不是 app.use('/public/', express.static('./public'));
更多推荐
EJS 页面未加载图像
发布评论