reactjs页面重载文件上传-Java 学习之路

我正在尝试从表单中发送图像以响应后端，但如果FormData足够大（到目前为止我能够发送超过1MB的图像），它会取消axios post请求并重新加载页面 .

后端配置为在react文件夹（/ client / public / uploads）中存储图像，因此问题可能是反应重新加载，但为什么小图像通过呢？

控制台没有错误 . 唯一的提示是网络标签

添加（取消）xhr bundle.js：2113 0 B 581 ms

那么如何在不取消的情况下传递数据呢？

上传文件夹中的文件已损坏

编辑：我发现了一个有趣的事情：即使我用邮递员上传文件，fronend页面也会重新加载 . 我的猜测是我的浏览器取消发布请求因此 . 所以问题是当我在react subfoler中创建图像时如何停止重新加载页面的反应？

2 回答

0
亲爱的，我想我知道你的问题是什么......

你在使用热重装吗？也许webpack DevServer - 或者你使用的任何东西 - 正在监听已更改的文件，如果有变化（在你的情况下添加了图像），它将重新加载页面 .

如果您使用webpack DevServer，只需将图像文件夹路径添加到监视忽略列表：
```
module.exports = {
  ...
  devServer: {
    watchOptions: {
      ignored: [
        path.resolve(__dirname, 'path/to/images')
      ]
    }
  },
  ...
}
```
否则，您可以在构建应用程序后检查是否也会在生产环境中发生这种情况...
回复于 2024-05-18T15:36:06+08:00
0

不知道这是不是一个正确的方法，但我的解决方案是在后端存储文件，所以反应没有重新加载和服务文件与快递

回复于 2024-05-18T15:36:06+08:00