如何使用 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'}));
您可能需要使用中间件来设置上传的大小限制。
我是这个社区的新手。 实际上,我正在使用 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'}));
您可能需要使用中间件来设置上传的大小限制。