reactjs - 从具有 nginx 大小限制的 react 应用程序上传文件

Question

我正在将文件从我的 React 应用程序上传到服务器（通过 Nginx）。

我正在使用以下方式上传文件formdata：

...
const formData = new FormData();
formData.append("file", file)
    const options = {
      method: "POST",
      body: formData
    };
    fetch(url, options).then(...);

对于小文件，上传工作正常，

但是当尝试上传大文件时，请求会被 Nginx 停止并返回413 Payload Too Large。

这是由 Nginx 限制引起的：Nginx client_max_body_size,

假设我无法更改 Nginx 限制，那么克服这个问题的最佳方法是什么？

我需要自己将文件拆分成块还是有更好的方法？

标签： reactjsnginxfile-upload