使用 postman 中的表单数据使 req.body 为空

Question

当我通过这样的表单数据使用postman发布请求时，我在我的 express js 中得到了空的 object：

var storage = multer.diskStorage({
    destination: function (request, file, callback) {
        callback(null, 'public/images/course');
    },
    filename: function (request, file, callback) {
        console.log(req.file)
        if (request.files) {
            console.log(file)
           // TODO: consider adding file type extension
           fileExtension = file.originalname.split('.')[1]
           return callback(null, `${request.path}-${request.files[0]._id.toString()}.${fileExtension}`);
        }
        // fallback to the original name if you don't have a book attached to the request yet. 
        return callback(null, file.originalname) 
    }
});

var uploadImg = multer({storage : storage}).single('thumbnail')

router.post('/course',  async(req, res) => {
    console.log(req.body) // console logs empty object {}
    try{
    const course = new Course({
                name : req.body.name,
                thumbnail : 'placeholder'
            })  
            uploadImg(req, res, function (err) {
                if (err) {
                  console.log(err.message);
                  // An error occurred when uploading
                  return
                }
                console.log('Everything went fine');
                // Everything went fine
              })
    }catch(e){
        res.status().send()
    }  
})

而且我不能在解析数据之前使用multer，因为首先我想通过mongoose 生成一个id，然后我使用上面的multer。

例如我不能这样做：

router.post('/course', upload.single(), async(req, res) => {
    console.log(req.body) // console logs empty object {}
    try{
    const course = new Course({
                name : req.body.name,
                thumbnail : 'placeholder'
            })  
            uploadImg(req, res, function (err) {
                if (err) {
                  console.log(err.message);
                  // An error occurred when uploading
                  return
                }
                console.log('Everything went fine');
                // Everything went fine
              })
    }catch(e){
        res.status().send()
    }  
})

它给出了一个错误：意外字段。

那么有什么方法可以先获取我的 req.body 数据，这样我就可以生成我的 mongoose id 然后上传图片

//index.js

const express = require('express')
var multer = require('multer');
require('./db/mongoose')
const userRouter = require('./routers/user')
const taskRouter = require('./routers/task')
const courseRouter = require('./routers/course')

var bodyParser = require('body-parser');

const app = express()
const port = process.env.PORT || 3000



// // for parsing application/json
 app.use(bodyParser.json()) 

 app.use(bodyParser.urlencoded({ extended: true })); 

app.use(express.json())
 app.use(express.static('public'))

app.use(userRouter)
app.use(taskRouter)
app.use(courseRouter)


app.listen(port, () => {
    console.log('connected succefully')
})

Answer 1

如果您使用的是express版本 >= 4.16 ，您可以确定删除body-parser库。 您还可以从 package.json 中删除 express `4.16 的新功能之一是带有 body-parser 的 bundle express。 如果是这种情况，请删除带有 body-parser lib 的行，并仅使用与 express 捆绑在一起的 body parser：

app.use(express.json());
app.use(express.urlencoded({ extended: true }));

如果它的版本 <=4.16还要在你的 package.json 中安装 body-parser

const bodyparser = require('body-parser')
...
app.use(bodyparser.json())
app.use(bodyparser.urlencoded({extended: true}))

你应该坚持使用一种，但不要混合使用。

Answer 2

使用express- busboy 解析 postman 表单数据。

var app = express();
var expressBusboy = require('express-busboy');
expressBusboy.extend(app);

Answer 3

在使用表单数据发送请求的最新版 express 中，您需要在服务器端添加multer 。 像那样：

npm install --save multer

然后在您的主服务器文件中添加这些行。

const multer  = require('multer');
const upload = multer();
app.use(upload.array());