EJS 页面未加载图像

编程入门 行业动态 更新时间:2024-10-07 12:28:51

EJS 页面未加载<a href=https://www.elefans.com/category/jswz/34/1771430.html style=图像"/>

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 页面未加载图像

本文发布于:2024-05-30 09:20:48,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1770343.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:图像   加载   页面   EJS

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!