控制台中未定義的Node.js / Express發布方法日志記錄

Question

這是我的意見upload.ejs頁面：

<%- include('header' ,{ title:"Playground" }) -%>
<div class="wrapper">
  <form action="/upload" method="POST" enctype="multipart/form-data">
    <input type="text" name="name" placeholder="Image Name">
    <input type="text" name="description" placeholder="Description">
    <button type="submit" name="submit">Upload</button>
    </form>
</div>
<%- include('footer') -%>

這是我的路線upload.js文件：

var express = require('express');
var router = express.Router();
var db = require('../helpers/db');
var bodyParser = require('body-parser');
var urlencodedParser = bodyParser.urlencoded({ extended: false });

router.get('/', function(req, res, next) {
  res.render('upload');
});

router.post('/', urlencodedParser, function(req, res, next) {
  console.log(req.body.name);
  res.render('upload');
});

module.exports = router;

單擊提交按鈕后，我在控制台中未定義。 如果我嘗試管理日志req.body，我將得到空{}。

Answer 1

請注意，bodyparser不會解析多部分（Form -data）數據。 您將需要使用其他軟件包（ https://www.npmjs.com/package/multer ）。

僅當上傳圖像，文檔等文件時，才使用多部分請求。 如果您使用的是普通數據，則可以刪除，因為多部分請求被認為比普通的后請求重。

enctype="multipart/form-data"