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

最新推荐文章于 2024-04-08 14:23:28 发布
最新推荐文章于 2024-04-08 14:23:28 发布
阅读量2.8k 收藏 1
点赞数
文章标签： golang 前端 移动开发 ViewUI
原文链接：https://yq.aliyun.com/articles/617746
版权
技术栈
  • 后台: 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引发了一系列报错···

参考链接

点此查看

weixin_34242509
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
记Laravel调用Gin接口调用formData上传文件的实现方法
01-21
第一次错误: [output] 【c.FormFile error==>】 multipart: NextPart: EOF file 没有传值，或者非预定格式，stream resource 第二次错误: [output] 【c.FormFile error==>】 multipart: NextPart: bufio: buffer full header头不需要 content-type => ‘multipart/form-data’ php 调用参考: 你可以通过使用 multipart 请求参数来发送表单 (表单 enctype 属性需要设置 multipart/form
beego 出现【 Error parsing request body:multipart: NextPart: EOF 】错误
weixin_42966187的博客
03-30 3249
beego 出现【 Error parsing request body:multipart: NextPart: EOF 】错误 发送post请求 需要是application/json 格式的数据 检查发送数据格式的问题
前端上传文件一直报错，后端显示读文件出问题，怎么解决？
最新发布
freems的博客
04-08 198
前端上传文件一直报错，后端显示读文件出问题，刚进函数在绑定参数的时候就出了问题返回了。明明都能打印出来但文件就是上传不上去，服务器会报错。跟后端给的接口参数也是一样的。"code": 40日，
golang实现文件上传(高并发+分块+断点续传+加密)
wsrzsfgst的博客
12-03 1304
【代码】golang实现文件上传(高并发+分块+断点续传+加密)
gin框架在 中间件 或 handler 中使用 goroutine
猛犸象
12-08 1414
需要写一个中间件来投递请求日志，为了不影响响应效率，使用了协程方式，逻辑代码如下： // 日志投递 func AddLogToOpdbLog() gin.HandlerFunc { return func(c *gin.Context) { go func() { token := c.DefaultQuery("token", "") // 投递日志操作 }() c.Next() } } 首先，此中间放在最后的位置，
fetch-enhancers::sparkles:用于增强Fetch的中间件库
04-28
想要为您对@americanexpress/fetch-enhancers贡献获得报酬吗？ 将您的简历发送到 :open_book: 目录 Usage用法 安装 npm install --save @americanexpress/fetch-enhancers 获取增强器 每个提取增强器都遵循相同...
fetch-download:使用fetch界面下载文件的软件包
05-14
使用fetch界面使用javascript下载文件的软件包 用法 fetchDownload（URL，选项？） 返回一个promise，如果响应具有错误状态或连接错误，则失败。 第二个参数是一个选项对象，该对象将传递给本机 fetchDownload = ...
JavaScript 用fetch 实现异步下载文件功能
10-19
本文通过实例代码给大家介绍了JavaScript 用fetch 实现异步下载文件功能，非常不错，具有参考借鉴价值,需要的朋友可以参考下
解决因文件权限导致git fetch命令执行失败的问题
01-11
最近在一个基于 git 的发布系统中拉取代码，发现无法拉取最新的提交记录，通过调试和查看日志文件找到一行错误：error: cannot open .git/FETCH_HEAD: Permission denied，原因是文件权限问题导致。 问题原因 ...
PHP PDOStatement::fetch讲解
10-17
今天小编就为大家分享一篇关于PHP PDOStatement::fetch讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
fetch实践补充篇，文件上传Content-type multipart/form-data怎么设置
狂奔的蜗牛。。。
03-25 5167
fetch上传文件报错的问题(multipart: NextPart: EOF) 设置了Content-type multipart/form-data 后端无法解析到文件， 解决方法：formdata时前端不需要设置Content-type 来源资料： https://www.cnblogs.com/we8fans/p/9133828.html https://segmentfault.com/...
php content-type: multipart/mixed,php,七牛云存储_{"error":"invalid multipart format"} 这是什么原因，我已经在HEADER中设...
weixin_36485139的博客
03-29 914
{"error":"invalid multipart format"} 这是什么原因，我已经在HEADER中设置了Content-type:multipart/form-data用CULR向七牛的API上传文件每次总是invalid multipart format但是我已经设置了Content-type:multipart/form-data呀function uploadFile($loca...
fetch使用FormData表单提交踩坑记录
apple_2021的博客
07-15 2582
在react框架中，使用fetch进行表单提交（不是文件），之前都是json传参数。
Qt 之 QHttpPart和QHttpMultiPart
君君的博客
05-21 957
简述 HTTP 协议对 MIME 类型有详细描述，multipart/... 是单个消息头包含多个消息体的解决方案，multipart 类型对发送非文本类型非常有用。 简述 multipart 子类型 QHttpPart QHttpMultiPart 使用示例 multipart 子类型 首先，来看 QHttpMultiPart 中关于 multipart 子类型（subtype）的描述。 枚举 QHttpMultiPart::ContentType RFC 2046 和其它地方描
记一次gin PostForm bug
yuchenfw的博客
09-29 1304
bug说明及分析 Gin master分支在20190602-20190612期间的版本,存在通过c.PostForm获取form中的参数有误的bug。 此bug在有一定并发时，由于复用之前的连接而未清除之前的缓存，导致获取的参数为旧参数。 type Context struct { ... // formCache use url.ParseQuery cached PostForm con...
golang原生库mime/multipart上传formdata文件的一个小坑unexpected EOF
无名小学渣的学渣笔记
02-03 786
经验总结
前端报错TypeError: Failed to fetch dynamically imported module:
09-09
TypeError: Failed to fetch dynamically imported module是前端开发中的一个报错信息。这个错误通常表示在动态引入模块时出现了问题，可能有以下几个原因导致： 1. 没有添加正确的文件后缀名或引入的组件没有被使用。在引入组件时，需要确保添加正确的文件后缀名（比如.vue）并且确保引入的组件被使用。 2. 版本问题。有时候，某些模块的版本可能与当前项目不兼容，导致出现这个错误。可以尝试升级或降级相关模块的版本来解决这个问题。 3. 安装依赖报错。使用cnpm或yarn安装依赖时，可能会出现报错。可以尝试停止项目运行后重新安装依赖。 4. 配置错误。在配置文件（比如vite.config.ts或vue.config.ts）中引入模块时，可能会出现配置错误导致报错。可以检查配置文件中的路径是否正确，并尝试修复相关配置错误。 综上所述，当出现TypeError: Failed to fetch dynamically imported module错误时，可以根据具体情况检查文件后缀名、模块版本、依赖安装、配置文件等可能导致错误的因素，并进行相应的修复。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值