Javascript 从节点js中的数据库检索图像

我上传了一个文件并在mongodb中保存了它的路径，我想在html中显示这个图像，这是我上传文件的代码

route.post('/dashboard/upload',ensureAuthenticated,(req,res) => {
    var form = new formidable.IncomingForm();
    form.parse(req, function (err, fields, files) {
        // console.log(files.file_thumbnail.type);
        if(files.file_thumbnail.type !== 'image/jpeg' ){
            console.log("File is not image");
            res.render('upload');
        } else {

            var oldpath = files.file_thumbnail.path;
            var newpath = '../uploads/' + files.file_thumbnail.name;
            fs.rename(oldpath, newpath, function (err) {
            if (err) throw err;
            // console.log(fields.file_name);
            console.log('File uploaded successfully!');
            res.render('upload');
            var newfile = new file({
                caption : fields.caption,
                file_thumbnail : newpath    
            });
            newfile.save()
                .then(chllange => {
                    console.log("New File Added");
                })
                .catch(err => console.log(err));
            });

        }
    });
});

这是我的表演图像代码

route.get('/dashboard/files',(req,res) => {
    file.find({},['file_thumbline','caption'],{sort:{_id:-1}}, (err, data) => {
        console.log(data);
        res.render('files', {file: data});
    });

});

这是我的图像html代码

<img src="<%= file.file_thumbnail %>" alt="Image">
<p><%= file.caption %></p>

它返回所有json数据，但当我

console.log(data.caption);

---

它返回未定义的

您不需要像这样在图像标签中关闭它吗

<img src="<%= file.file_thumbnail %>" alt="Image">

在中编辑在中显示图像代码

console.log(data);

控制台日志数据

它返回所有json数据，但当我

console.log(data.caption);

console.logdata.caption

它返回未定义的

---

您正在接收来自mongo的阵列。因此，如果您想访问它，您需要选择一个项目，即.data[0]。caption

是的，它只是打字错误编辑的，谢谢mate，但错误仍然相同。也许您可以向我们显示``console.logdata```[{u id:5c739b995b75692544ed623d，标题：'HTML'，文件缩略图：'../uploads/HTML.jpg'，[u v:0}]Hoollyyy shhit非常感谢你，我在想为什么这会在[]括号中发送Json数据：'。非常感谢你们，但现在在图片中它显示了alt标记，当我打开图片的url时，它会显示Cannot GET/uploads/html.jpg