通过 multer 成功完成该过程后，如何使用车把显示图像或文件答案

【问题标题】：How do i display images or files using handlebars after successfully completing the process through multer通过 multer 成功完成该过程后，如何使用车把显示图像或文件
【发布时间】：2019-05-21 00:15:05
【问题描述】：

我使用multer 执行文件上传，我想显示使用express-handlebars 上传到数据库的图像这是我的代码index.handlebars

  {{#each ideas}}
<div class="card card-body mb-2">

 <img src="uploads/{{ideas.filename}}" height="230" width="300">
 </div>

 <div class="card card-body mb-2">
  <p>{{text}}</p>
 </div>

 <a class="btn btn-dark btn-block mb-2" href="/ideas/edit/{{id}}">Edit</a>
<form method="post" action="/ideas/{{id}}?_method=DELETE">
  <input type="hidden" name="_method" value="DELETE">
  <input type="submit" class="btn btn-danger btn-block" value="Delete">
  </form>
 </div>
 {{else}}
 <p>No video ideas listed</p>
{{/each}}

 File Upload Code

  router.post('/', (req, res) => {
 upload(req, res, (err) => {
  if (err) {
  return res.end('error request file');
   }
  var data = new Idea({
   text: req.body.text,
   image: req.file.originalname,
   path : req.body.text
});
data.save().then((result) => {
  //res.send(result);
  //res.redirect('/')
  console.log('saved')
});
  console.log(req.file);
   //res.end('upload file success');
   //res.redirect('/')
    res.redirect('/')
   console.log('success');
 });
 });

【问题讨论】：

标签： javascript html node.js handlebars.js

【解决方案1】：

经过详尽的研究，无论谁上传图片，我都找到了答案这里使用车把是代码

{{#each ideas}}
  <div class="card card-body mb-2">
    <img src="./uploads/{{image}}" width="200" height="100">
  </div>


 <a class="btn btn-dark btn-block mb-2" href="/ideas/edit/{{id}}">Edit</a>
 <form method="post" action="/ideas/{{id}}?_method=DELETE">
      <input type="hidden" name="_method" value="DELETE">
      <input type="submit" class="btn btn-danger btn-block" value="Delete">
 </form>
       </div>
 {{else}}
        <p>No video ideas listed</p>
{{/each}}

【讨论】：