javascript - Node.js/Express post 方法日志在控制台中未定义

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 不会解析多部分(表单数据)数据。您将需要使用另一个包( https://www.npmjs.com/package/multer )。

仅当您上传图像、文档等文件时才使用多部分请求。如果您使用的是普通数据，那么您可以删除，因为多部分请求被认为比普通的发布请求更重。

enctype="multipart/form-data"