html 找不到图像的来源，当我使用 EJS 填充 src= " "

Question

基本上我想做的是保存图像名称到数据库，并使用这些名称在网页中显示它们。

但是我遇到了在html中显示图像的问题!

在数据库中这样的信息。输入图片描述

服务器部分代码是这样的

router.use(express.static('./public'));
router.use(express.static( path.join(__dirname, './uploads')));
router.get('/img', (req,res,next) => {
Content.findById('62d2bfce53f33f2eed033fba')
.then(result => {
const nameOfImg =  result.img[0].name;
res.locals['name'] = nameOfImg;
res.render('createPage');
})
.catch(err => console.log(err));
})

这是工作…

<img src="images/2022-07-16T13-40-30.352Z104879.jpg">

但不是这个

<img src="images/<%= name %>">

顺便说一下<%= name %>

我添加了一些关于这个问题的新截图当我使用EJS时，我遇到了GET方法的问题使用<%= name %>

这是当我手动输入图像的路径。图片现在是可见的

Answer 1

我建议你使用这个答案中的方法:

<img src="" id="whatever_you_want">

//after getting the image in your js:
const image = document.getElementById("whatever_you_want");
image.src = image_name;

它也可能必须与此图像中的图像路径:你确定它是正确的吗?"/create"似乎不合适，但我可能错了。