javascript - Cum să citești FormData în NextJS

Aș dori să citesc corpul lui fetch. Iată ce trimit:

fetch('/api/foo', {
  method: 'POST',
  body: new FormData(formRef.current),
});

Și acum trebuie doar să parsez corpul. Dar nu știu cum. Nu pot folosi FormData pe partea de server, pentru că apare ReferenceError: FormData is not defined. Și nici nu pot folosi forEach așa cum fac pe client.

Ce ar trebui să fac?

export default function sendMail(req: NextApiRequest, res: NextApiResponse): void {
    // console.log(req.body instanceof FormData);
    // req.body.forEach(console.log);
    console.log(req.body['name']);
    res.status(200).json({});
}

Răspuns #1

Ai putea folosi formidabil.

npm install formidable

Apoi în codul tău folosește

import { NextApiRequest, NextApiResponse } from 'next'
import { Formidable } from "formidable";

//set bodyparser
export const config = {
  api: {
    bodyParser: false
  }
}

export default async (req: NextApiRequest, res: NextApiResponse) => {
  const data = await new Promise((resolve, reject) => {
    const form = new Formidable();

    form.parse(req, (err, fields, files) => {
      if (err) reject({ err })
      resolve({ err, fields, files })
    }) 
  })

  //return the data back or just do whatever you want with it
  res.status(200).json({
    status: 'ok',
    data
  })
}