标签: nextjs-app-beta

我正在使用 Next.js 版本 13.4.1 并尝试使用multipart/form-data. 但是，当尝试这样做时，我收到一条错误消息，指出不支持该格式。我已经看到一些博客和其他开发人员成功地使用了此方法，因此我相信这可能是我的代码或 Next.js 本身中的错误。

我正在项目的应用程序目录中工作，并尝试将图像文件发布到服务器。在我的前端代码中，我已经实现了处理图像上传所需的功能。、handleDragOver、handleDragLeave和handleDrop功能允许用户将图像拖放到指定区域。然后，create 函数处理表单提交，创建 FormData 的新实例并设置适当的值。

前端

const handleDragOver = (event: any) => {
    event.preventDefault();
    setDragOver(true);
};

const handleDragLeave = (event: any) => {
    event.preventDefault();
    setDragOver(false);
};

const handleDrop = (event: any) => {
    event.preventDefault();
    setDragOver(false);
    const file = event.dataTransfer.files[0];
    setImage(file);
};

const create = async (event: React.FormEvent<HTMLFormElement>) => {
    event.preventDefault();

    if (!image) {
        return;
    }

    const formData = new FormData();

    formData.set("name", name);
    formData.set("url", url);
    formData.set("image", …