最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

EJS 页面未加载图像

网站源码admin35浏览0评论

EJS 页面未加载图像

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'));

与本文相关的文章

发布评论

评论列表(0)

  1. 暂无评论