检索和显示通过 multer 上传的图像

Question

我正在通过 multer 将图像上传到 ./public/images...它上传得很好，我可以在文件夹以及正确关联的数据库中看到它，并且所有..

这是 post 路线：

exports.postRevive = (req, res, next) => {
  var reviveShowName = req.body.reviveShowName;
  var reviveGoal = req.body.reviveGoal;
  var reviveTitle = req.body.reviveTitle;
  var reviveVideo = req.body.reviveVideo;
  var reviveStory = req.body.reviveStory;
  var reviveCategory = req.body.reviveCategory;
  var revivePhoto = req.file.filename;
  var author = {
    id: req.user._id,
    username: req.user.name
  };

  var newRevive = {reviveShowName: reviveShowName, reviveGoal: reviveGoal, reviveTitle: reviveTitle, revivePhoto: revivePhoto, reviveVideo: reviveVideo, reviveStory: reviveStory, author: author, reviveCategory: reviveCategory};
  Revive.create(newRevive, function(err, newlyCreatedRevive) {
    if(err) {
      console.log(err);
    } else {
      res.redirect('/');
    }
  });
};

然后我查询数据库并将所有内容传递给 home.pug 并在 home.pug 中尝试显示它：

这是 home.pug 的代码：

if revives
  each revive, i in revives 
    .clearfix
      a.slide.revive(href='#')
        .media
          img(src='/images/#{revive.revivePhoto}')
          .funding
            h2 ,151 of #{revive.reviveGoal}
            .funds
              .fund-bar
                .progress-bar(style='width:82%')
        span.favorite
        .copy
          p.secondary 8.7/10 • Animation, Comedy
          h3.ellipsis
            h4=revive.reviveTitle

=revive.reviveTitle 出现了，#{revive.reviveGoal} 出现了...图像没有，我不明白为什么...

Answer 1

显然，唯一的错误是在 .pug 语法中。我使用的是 .jade 语法，但 .pug 略有不同

而不是img(src='/images/#{revive.revivePhoto}')

应该是img(src='/images/'+revive.revivePhoto)

pug/jade...

中为数不多的细微变化之一

检索和显示通过 multer 上传的图像

Retrieving and displaying image that was uploaded via multer

mongoose

mongodb

node.js

express

multer