个人中心
gpt4 book ai didi

javascript - 无法在node.js中显示带有EJS文件的图像

转载 作者：太空宇宙 更新时间：2023-11-04 01:20:25 26 4
gpt4 key购买 nike

我是node.js的新手，我只是用它来制作一个网站。我想在网站上显示一张图片，该图片与我的 ejs 文件位于同一目录中，但它没有显示。我做错了什么吗？谢谢!

后端代码

const express = require('express')

//Init App
const app = express();

//Load view engine
app.set('view engine','ejs');

// Home route
app.get('/', function(req,res){
res.render('index.ejs');
});

app.listen(3000, function(){
console.log('Server started in port 3000...');
});

ejs文件内容:

<!DOCTYPE html>
<html>
<head>
  <title>Hello World!</title>
</head>
<body>
  <h1>Picture test</h1>
  <img src="/Users/aray/Documents/Projects/Node/views/test.jpg">
</body>
</html>

项目结构是:

- Node
  - app.js
  - views
    - index.ejs
    - test.jpg

最佳答案

您必须将图像(和其他资源)放在单独的文件夹中，并使用 express.static 提供此文件夹:

app.use(express.static('public'));

- Node
  - app.js
  - views
    - index.ejs
  - public
    - test.jpg
<img src="test.jpg">

更多信息可以在 express 文档中找到:https://expressjs.com/en/starter/static-files.html

关于javascript - 无法在node.js中显示带有EJS文件的图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59475620/

26 4 0
文章推荐： node.js - Node/getstream : user creation fails: client. 用户(uid).create() => 500
文章推荐： python - 带有 scikit onehotencoder 的向量上的虚拟变量
文章推荐： python - 如何减少 HDFStore 的大小开销？
文章推荐： arrays - 值未插入到数组中，数组返回空白值
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com