javascript 我怎样才能上传文件使用强大的nextjs上vercel

8ehkhllq 于 2022-12-28 发布在 Java

关注(0)|答案(3)|浏览(254)

API/上载.js

import formidable from 'formidable';

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

export default async (req, res) => {
  const form = new formidable.IncomingForm();
  form.uploadDir = "./";
  form.keepExtensions = true;
  form.parse(req, (err, fields, files) => {
    console.log(err, fields, files);
    res.send(err || "DONE")
  });
};

API/get.js

export default async (_, res) => {
    const fs = require('fs');
    fs.readdir("./", (err, files) => {
        console.log(err)
        res.send(err || files)
    });
};

在localhost上一切都很好，但是当我把它部署到vercel上时就不工作了。

vercel Jmeter 板的功能日志

[POST] /api/upload

2021-02-21T12:47:11.662Z    f7bb8a02-2244-4d27-8a55-9e00a43b307b    ERROR   Uncaught Exception  {"errorType":"Error","errorMessage":"EROFS: read-only file system, open 'upload_2dd906bdebc97a1d63a371c9207b84be.png'","code":"EROFS","errno":-30,"syscall":"open","path":"upload_2dd906bdebc97a1d63a371c9207b84be.png","stack":["Error: EROFS: read-only file system, open 'upload_2dd906bdebc97a1d63a371c9207b84be.png'"]}
Unknown application error occurred

JavaScript

来源：https://stackoverflow.com/questions/66302483/how-can-i-upload-file-using-formidable-with-nextjs-on-vercel

3条答案

按热度按时间

4bbkushb1#

如果它在localhost上工作，那是因为localhost上的应用程序模式是dev，如果在vercel中，应用程序模式是production，那么它只依赖于.next文件夹。
如果你真的想给予一下，试着把上传文件放到.next/static目录下，但是它仍然不起作用，并且vercel中的文件是只读的。

path.resolve('.next','static');

我也遇到了同样的问题，似乎我不能在vercel中添加文件（将上载文件放到vercel服务器）。
唯一的方法是创建另一个服务器来放置上载的文件.或者将你的应用程序部署到另一个支持它的服务器.
或者你也可以使用vercel的建议，请在https://vercel.com/docs/solutions/file-storage检查

赞(0）回复(0）举报 2022-12-28

kiayqfof2#

您需要具有文件系统访问权限的服务器

赞(0）回复(0）举报 2022-12-28

0mkxixxg3#

您可以通过在代码中做一个小的更改来实现这一点。