fetch上传文件报错的问题(multipart: NextPart: EOF)

简介: 技术栈后台: gin(golang)前端: react+antd+dva问题前端这边使用fetch发送http请求的时候,后端解析formData报错:multipart: NextPart: EOF分析问题原因是上传文件太小了Content-Length数量太小了,尝试将headers里这字段的value变大,发现实际的请求依然是较小值。

技术栈

  • 后台: gin(golang)
  • 前端: react+antd+dva

问题

前端这边使用fetch发送http请求的时候,后端解析formData报错:

multipart: NextPart: EOF

分析问题

原因是上传文件太小了Content-Length数量太小了,尝试将headers里这字段的value变大,发现实际的请求依然是较小值。

解决方法

检查fetch参数的headers有没有自动添加Content-Type, 有的话去掉。参考此篇文章,默认设置了Content-Type还有其他的字段时会引起fetch无法控制你的Content-Type

image.png

起因

查看Antd里的上传文件的demo, 发现里边使用的是reqwst上传,而我本地用的是Antd pro封装的request(fetch),按照demo,formData放在data字段,而fetch应该接受的是body字段。但是服务端报错说的是Content-Type未识别,所以才手贱去加Content-Type引发了一系列报错···

参考链接

点此查看

相关文章
|
运维 Cloud Native 前端开发
如何解决 503 Service Temporarily Unavailable?
如何解决 503 Service Temporarily Unavailable?
2742 0
|
Web App开发 JavaScript 前端开发
低代码系列——js沙箱设计(一)
由于自己参与过低代码平台开发,所以希望能把我自己开发低代码中遇到的问题或者一些设计思路进行总结汇总,这是开始写的第一篇,也是比较基础的一篇,关于低代码平台的介绍会放在介绍篇章,这篇就不做过多介绍。
615 0
|
6月前
|
Web App开发 前端开发 JavaScript
《WASM驱动本地PDF与Excel预览组件的深度实践》
本文围绕前端浏览器端本地文件处理痛点,提出以WASM驱动PDF、Excel等复杂格式文件解析与预览的解决方案。首先剖析传统前端解析方案的性能短板,阐述WASM将底层解析逻辑移植到浏览器的核心价值;接着拆解组件构建关键环节,包括WASM模块与前端的通信设计、文件流本地处理策略、跨格式解析适配逻辑,以及预览渲染层的优化思路;还探讨兼容性适配、内存管理等核心难点,结合实际场景验证方案在加载速度、资源占用上的优势,为前端实现高效、安全的本地文件处理提供了可落地的技术路径。
195 5
|
8月前
|
JSON API Go
开箱即用的 GoWind Admin|风行,企业级前后端一体中后台框架:集成 Swagger UI 打造交互式 API 文档
GoWind Admin(风行)是基于 Kratos 的企业级中后台框架,集成 Swagger UI 实现交互式 API 文档。通过 Protobuf 自动生成 OpenAPI v3 规范文档,利用 `//go:embed` 嵌入服务,一键部署可视化调试界面,提升前后端协作效率,开箱即用。
510 1
开箱即用的 GoWind Admin|风行,企业级前后端一体中后台框架:集成 Swagger UI 打造交互式 API 文档
|
7月前
|
存储 缓存 安全
Go语言实战案例-LRU缓存机制模拟
本文介绍了使用Go语言实现LRU缓存机制的方法。LRU(最近最少使用)是一种常见缓存淘汰策略,当缓存满时,优先删除最近最少使用的数据。实现中使用哈希表和双向链表结合的方式,确保Get和Put操作均在O(1)时间内完成。适用于Web缓存、数据库查询优化等场景。
|
11月前
|
编解码 人工智能 安全
快来试试这个开箱即用的万相2.1服务!!!
阿里云万相2.1系列提供高效灵活的视频生成解决方案,支持文生视频、图生视频等多模态任务。通过阿里云计算巢与ComfyUI推出的快速视频生成服务,用户可轻松制作微电影或短视频。针对长视频生成,提供了三种方法:使用高性能显卡、首尾帧拼接和补帧模型。此外,还内置工作流实现文生图和图生图功能,简单易用。部署说明及使用流程详细列出,方便开发者快速上手。访问计算巢了解更多有趣服务。
|
存储 缓存 Kubernetes
docker的替代工具有哪些?
【10月更文挑战第28天】docker的替代工具有哪些?
1547 1
|
Java Go 开发工具
如何排查Go 程序 CPU 占用过高问题
如何排查Go 程序 CPU 占用过高问题
2293 0
如何排查Go 程序 CPU 占用过高问题
|
Java Linux Go
知识分享之Golang——读取pdf中纯文本内容
知识分享之Golang篇是我在日常使用Golang时学习到的各种各样的知识的记录,将其整理出来以文章的形式分享给大家,来进行共同学习。欢迎大家进行持续关注。 知识分享系列目前包含Java、Golang、Linux、Docker等等。
2366 1
知识分享之Golang——读取pdf中纯文本内容

热门文章

最新文章