上传到 Next.js API 时图像损坏

Question

我正在尝试将图像作为表单数据上传到 Nextjs api 路由。我使用强大的包来解析文件并将其保存在服务器文件夹中。对于 http 请求，我在客户端使用邮递员。

后台代码如下：

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.statusCode = 200
  res.end()
};

图像 (jpeg) 已保存在文件夹中。但是，它似乎已损坏或损坏。这是原始图像：

source image

corrupt image

Answer 1

Next.js 需要包 formidable-serverless 而不是 formidable

https://github.com/node-formidable/formidable/issues/629

上传到 Next.js API 时图像损坏

Corrupt image when uploading to Next.js API

multipartform-data

next.js

corrupt

formidable