检索并显示通过Mulder上传的图像

我正在通过Mulder将图像上传到./public/images ...它上传得很好，我可以在文件夹中以及DB中正确关联和所有..检索并显示通过Mulder上传的图像

这里是后路线：

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 $12,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显示出来...图像不，我想不通为什么...

来源

2016-11-30 SakoBu

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

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

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

之一的哈巴狗/玉几微妙的变化......

来源

2016-11-30 10:26:53 SakoBu

检索并显示通过Mulder上传的图像

回答

相关问题