Question 261320 in Reactjs Question posted in
The new location for the React Documentation can be found here.

Reactjs – TypeError: req.formData is not a function, in next js api

Here is the code for my nextjs route

import { NextRequest, NextResponse } from 'next/server';

export const config = {
  runtime: 'edge',
};

export default async function POST(req: NextRequest): Promise<Response> {
  const data = await req.formData();
  console.log(data);
  const file: File | null = data.get('file') as unknown as File;
  
  if (!file) {
    return NextResponse.json({ success: false });
  }

  return NextResponse.json({ success: true });
}

I am trying to send a file in the request with Content-type: multipart/form-data but it throws error in next js api. What am i missing? Is there something i should consider about the egde environment, i also tried to change it to node js environment but the error remains the same.

Tags:

2

Answers


  1. 0

    Check that the req.formData() function is parsing the form data correctly.check in console you might get some insight

    Login or Signup to reply.
  2. 0

    Not sure if this can be qualified as an answer, but I’m looking for the same solution and just found this discussion where it explains that req.formData() can be handled only if you are using Next App Routes, instead of Pages Routes .. honestly, I’m not going to change the entire structure of my project, so I’m still looking for a solution, but if it helps you then there’s the option

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search