Corrupt image when uploading

Support plan

• which support plan is this issue covered by? (e.g. Community, Sponsor, or Enterprise): community
• is this issue currently blocking your project? (yes/no): yes
• is this issue affecting a production system? (yes/no): no

Context

• node version: v14.0.0
• module (formidable) version: 2.0.0-canary.20200504.1
• environment (e.g. node, browser, native, OS): node with Next.Js
• used with (i.e. popular names of modules): Next.js
• any other relevant information: I use the api routing from Next.js

What are you trying to achieve or the steps to reproduce?

import formidable from 'formidable';

export const config = {
  api: {
    bodyParser: false,
  },
};

export default async (req, res) => {
  const form = new formidable.IncomingForm();
  form.on('fileBegin', (name, file) => {
    file.path = "./" + file.name

  });
  form.parse(req, (err, fields, files) => {
    console.log(files);
  });

  res.end()
};

I’m trying to upload an image as form-data to a Nextjs api route. I use the package formidable to parse and save the file in a server folder. For the http request I use postman on the client.

What was the result you got?

The image (jpeg) is saved in the folder. However, it appears to be corrupt or damaged. Here is the corrupted image:

https://i.gyazo.com/1ce276c4968dc7e1cd24da74fe380467.png

What result did you expect?

Well, the original image. (https://i.gyazo.com/6ded28032d5dd5a0f02fd2a5052a57fc.png)

[tunnckoCore]

Thanks. Strange… These examples from this repo work?

Oooh, that’s serverless function above, right? Then try formidable-serverless until #594 if that’s the case.

[waigel]

Yes, this applies to all uploaded images.