如何使用 axios 将图像(大文件)上传到服务器

how to upload images(large files) to server using axios

我是这个社区的新手。 实际上,我正在使用 React 做一个小项目,我的服务器是 运行 带有 mongodb 数据库的 express 和 node js。

对于较小的文件,我能够以 normal.But 的形式与服务器通信,而当我上传较大的文件时,我无法将数据发送到 server.An 空对象被发送到服务器。

客户端显示

错误

"No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8000' is therefore not allowed access. The response had HTTP status code 413."

我在互联网上搜索了几个小时的解决方案,但我没有得到任何解决方案。

谁能帮我解决这个...?

你检查过你的请求被发送到后端了吗?图片详情是否一并发送。

您似乎在进行跨域请求。确保您在后端设置了上述 headers 以进行响应。

如果您仍然发现问题,可以参考这个工作示例。 https://github.com/mzabriskie/axios/blob/master/examples/upload/index.html

app.use(bodyParser.json({limit: '50mb'}));

您可能需要使用中间件来设置上传的大小限制。