在 html 表单 NodeJs/Express 中使用 multipart/form-data 时，req.body 不起作用

Question

我用来body-parser获取表单请求的信息，但是当我放入enctype="multipart/form-data"表单的标题时，它req.body根本不起作用。

但是，我使用了multerlib 来上传图像，如下所示：

app.post("/", function (req, res, next) {
  var button = req.body.button_name;
  if (button == "upload") {
    var UserId = 2;
    var imageUploadedLimited = 3;
    var storage = multer.diskStorage({
      destination: function (req, file, callback) {
        var dir = "./public/images/uploads/";
        if (!fs.existsSync(dir)) {
          fs.mkdirSync(dir);
        }
        dir = "./public/images/uploads/" + UserId;
        if (!fs.existsSync(dir)) {
          fs.mkdirSync(dir);
        }
        callback(null, dir);
      },
      filename: function (req, file, cb) {
        cb(null, file.fieldname + "-" + Date.now() + ".jpg");
      },
    });
    const maxSize = 1 * 1000 * 1000;

    var upload = multer({
      storage: storage,
      limits: { fileSize: maxSize },
      fileFilter: function (req, file, cb) {
        var filetypes = /jpeg|jpg|png/;
        var mimetype = filetypes.test(file.mimetype);

        var extname = filetypes.test(
          path.extname(file.originalname).toLowerCase()
        );

        if (mimetype && extname) {
          return cb(null, true);
        }

        cb(
          "Error: File upload only supports the " +
            "following filetypes - " +
            filetypes
        );
      },
    }).array("filename2", imageUploadedLimited);

    upload(req, res, function (err) {
      if (err) {
        res.send(err);
      } else {
        res.send("Success, Image uploaded!");
      }
    });
  }
});

button如果我从第二行打印出变量，将显示我的undefined值。我知道body-parser不支持enctype="multipart/form-data"。在这种情况下，我如何从表单中看到值？

Answer 1

如果您使用multer，则需要将其作为中间件传递

// Do Something like this
var multer  = require('multer')
var storage = multer.diskStorage({
    destination: function (req, file, cb) {
        cb(null, 'Your path here')
    },
    filename: function (req, file, cb) {
        cb(null, "fileName")
    }
})
var upload = multer({
    storage: storage,
})

app.post("/" ,upload.any(), function (req, res, next) {
    // NOW YOU CAN ACCESS REQ BODY HERE
});