从 postman 发送 application/x-www-form-urlencoded 时读取 req.body 内容的问题 — bodyparser 已使用

Question

Like the title says. I am sending multipart form data from postman with a few text fields as well as an image. However when I console.log(req.body) I get

{
  '------WebKitFormBoundaryCpNHg1P01X54QAVr\r\nContent-Disposition: form-data; name': '"customerID"\r\n' +
    '\r\n' +
    '1\r\n' +
    '------WebKitFormBoundaryCpNHg1P01X54QAVr\r\n' +
    'Content-Disposition: form-data; name="make"\r\n' +
    '\r\n' +
    'honda\r\n' +
    '------WebKitFormBoundaryCpNHg1P01X54QAVr\r\n' +
    'Content-Disposition: form-data; name="model"\r\n' +
    '\r\n' +
    'accord\r\n' +
    '------WebKitFormBoundaryCpNHg1P01X54QAVr\r\n' +
    'Content-Disposition: form-data; name="year"\r\n' +
    '\r\n' +
    '2020\r\n' +
    '------WebKitFormBoundaryCpNHg1P01X54QAVr\r\n' +
    'Content-Disposition: form-data; name="color"\r\n' +
    '\r\n' +
    'white\r\n' +
    '------WebKitFormBoundaryCpNHg1P01X54QAVr--\r\n'
}

If I console.log(req.body.keyName) i always have undefined. I have already implemented what similar posts have suggested ie using

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

But it does not work still. I am not sure what I am doing wrong. Code snippets follow.

server.js

const app = express();

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

app.use(cors());

app.use('/users', userRouter);
app.use('/offers', offerRouter);


app.listen(PORT, (err)=>
{
    if (err) console.log(err);
    else console.log(`Server listening on port ${PORT}`);
});

route

const multer =  require('multer');

//required for mulitpart-formdata
const diskStorage = multer.diskStorage({
    destination: "uploads/",
    filename: (req, file, call_back) => {
      //Prepend date to the filename or anything that makes
      //the file unique so it won't be overwritten

      call_back(null, Date.now() + "_" + file.originalname);
    },
  });
const upload = multer({ storage: diskStorage });

router.post("/request", upload.single("file"), (req, res, next) =>
{
    GetBucket();
    console.log(req.file);
})

postman

Answer 1

To parse a multipart request you need Multer or BusyBoy. I would suggest Multer ( https://www.npmjs.com/package/multer ) as it is simple and easy to use, here is an example using Multer

const Multer = require('multer');
// create multer instance
const multer = Multer({
  storage: Multer.MemoryStorage, // we want to save parsed body in RAM
  onError: function(err, next) {
      console.log(err);
      next(err);
  }
});

function myController("/multipart/request", multer.single('name'), (req, res) => {
   console.log(req.body.name);
});

Note: Use multipart request if you are sending files along with your request, otherwise you can use application/x-www-form-urlencoded or application/json which can be parsed by body parser