使用multer顯示上傳的圖片

Question

我是NodeJS的新手 ，我正在使用express，ejs和Multer （處理multipart / form-data）來處理圖片，以便上傳圖片（單個>>個人資料圖片）。 我一直試圖在視圖中顯示上載的文件（圖像），但沒有成功。 我擁有有關上傳文件（req.file）的所有信息，但是我無法執行任何操作。

//route.js 
   app.post('/upload_picture', isLoggedIn, upload.single('file'), function(req, res, next){
        res.render('image', {
              path: req.file.path
        });
      });



//image.ejs
<section id="upload">
    <img class="uploaded-image" src="<%= path %>" alt="Image name: <%= path %>"/>
  </section>

有人可以幫我嗎。

最好的問候，多娜

Answer 1

所以這里是解決方案，它為我工作！

var storage        = multer.diskStorage({
  destination: function(req, file, cb){
    cb(null, path.join(__dirname, PICTURE_FOLDER));
  },
  filename: function(req, file, cb){
    var filename = Date.now();
    switch (file.mimetype) {
      case 'image/png':
      filename = filename + ".png";
      break;
      case 'image/jpeg':
      filename = filename + ".jpeg";
      break;
      default:
      break;
    }
    cb(null, filename);
  }
});
var upload       = multer({ storage: storage});

app.post('/upload_picture', isLoggedIn, upload.single('file'), function(req, res, next){
    res.render('image', {
      path: req.file.path
    });
});

最好的問候，多娜