使用fetch 进行post请求，传递formdata数据时，不能设置 ‘Content-type‘: ‘multipart/form-data‘,

最新推荐文章于 2024-08-13 10:13:23 发布
最新推荐文章于 2024-08-13 10:13:23 发布
阅读量909 收藏
点赞数
文章标签： 前端 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17335549/article/details/133919786
版权

加入你用fetch API，发送文件数据，参数时formdata格式的，那么你就不能再在headers里面设置'Content-type': 'multipart/form-data' 了，否则会报错

因为浏览器会自动识别formdata格式，再手动指定content-type就有问题，不行你试试！

我有一棵树
关注
form表单提交、ajax、fetch、formdata，以及跨域
小毛驴的博客
03-12 2423
一.form表单提交 1.1 简单的介绍 <!-- form 表单post提交，默认会刷新到 action 页面 --> <form action="www.baidu.com" method="POST" name="post提交"> <p>name: <input type="text" name="username">&lt...
fetch实（cai）践（keng）补充篇，文件上传Content-type multipart/form-data怎么设置
weixin_34023863的博客
07-16 365
原谅我是一个标题党，其实这个坑和fetch关系不大，归根结底是发送http响应的问题，闲话少说，直接说事。前面自己为了好玩，在自己的练手项目里，将vue-resource替换成原生JS的fetch API，使用效果还是极佳的，完全没有其他原生API那种晦涩感。 夯实基础 前面一篇文章fetch已入过门，所以这只说重点，之前使用vue-re...
JavaScript：fetch-headers-content-type
weixin_56670311的博客
08-13 544
用于发送普通表单数据（键值对）。：用于发送 JSON 数据。：用于发送包含文件的复杂表单数据。
fetch使用formdata数据格式发送请求
热门推荐
赵乘风_i
09-04 2万+
修改请求content-type 请求接口都是使用的封装好的request，对于post请求统一都是application/json。 但是后台同学可能是为了能直接使用之前已有的接口，让我将仅仅这一个的接口请求改为formdata的提交形式，也就是application/x-www-form-urlencoded。之前所有请求都走的request，现在就要修改 两种方式修改： 1、在req...
【fetch】用 Form Data 格式发送数据
qq_45677671的博客
12-05 2132
fetch 把数据发送到 Form Data 里面传给后端
fetch处理form-data请求（本地文件地址）以及普通fetch请求
大青虫的博客
04-10 1134
【代码】fetch处理form-data请求（本地文件地址）
fetch实践补充篇，文件上传Content-type multipart/form-data怎么设置
狂奔的蜗牛。。。
03-25 5306
fetch上传文件报错的问题(multipart: NextPart: EOF) 设置了Content-type multipart/form-data 后端无法解析到文件， 解决方法：formdata时前端不需要设置Content-type 来源资料： https://www.cnblogs.com/we8fans/p/9133828.html https://segmentfault.com/...
基于form-data请求格式详解
12-13
在multipart/form-data中，请求内容的Content-Type头被设置为multipart/form-data，并且会生成一个独特的boundary字符串，用于分割不同的数据部分。boundary字符串通常是随机生成的，如示例中的`----...
await fetch(‘url’, { method: ‘POST’, body: formData, headers: { ‘Content-Type’: ‘multipart/form-data’ } });增加返回结果
最新发布
10-14
`await fetch(url, { method: 'POST', body: formData, headers: { 'Content-Type': 'multipart/form-data' } })` 这段代码是一个使用 JavaScript 的 Fetch API 发送 HTTP POST 请求的例子，其中： - `fetch(url)` ...
Servlet获取AJAX POST请求中参数以form data和request payload形式传输的方法
08-28
本篇文章主要探讨如何在Servlet中处理AJAX POST请求，特别是当请求参数以`form data`和`request payload`两种不同形式传递时。 首先，理解HTTP请求的基本结构。GET请求的参数通常附加在URL后面，而POST请求的参数...
传递参数格式为form-data与json的区别，以及ajax、axios、fetch请求的方式
qq_35046569的博客
09-18 2万+
标题前端请求后台接口时，传递参数格式为form-data与json的区别 一、form-data格式 请求头： 1.application/x-www-form-urlencoded 表单格式提交数据，通过form标签的action属性，如果不设置 enctype 属性，那么最终就会以 application/x-www-form-urlencoded 方式提交数据 html: <form id="myform" onsubmit="return false;"> 用户名：<i
fetch请求get方式以及post提交参数为formdata类型的数据
weichushun的专栏
02-21 3686
转载： fetch请求get方式以及post提交参数为formdata类型的数据 - XG16 - 博客园 1.请求方式post，请求函数参数 _requestData(callback,_cityDt){ const switchIp = "http://192.168.43.103/api/proxy"; let formData = new FormData(); formData.append("type","get");
设置multipart|form-data,前端文件上传服务器报错400(Bad Request)
qq_52237525的博客
11-29 2583
vue3文件上传400(Bad Request)
使用Fetch时，post数据时，后端接收的Content-Type为text/plain
个人学习笔记
02-10 3485
解决fetch时，前端是post的Content-Type: application/json，而后端接收到的却是：text/plain
踩坑：fetch上传formData文件。 无需额外增加headers、浏览器会自动根据文件加上headers 生成boundary
Xpy 的博客
11-24 3432
一、场景 想要实现的效果：获取到图片本地内容后，通过 fetch 来上传 formData 格式数据。 二、遇到的问题 有问题的请求： function request(params){ const { api, data } = params; const url = window.location.origin + api; return fetch(url,{ method:"POST", headers:{ 'Content-Type': 'multipart/fo
multipart/form-data
weixin_30925411的博客
01-31 499
目录 一.什么是multipart/form-data 二.明确在enctype参数为application/x-www-form-urlencoded的时候post和get请求参数和请求体是什么形式的 2.1 get请求 2.2 post请求 三. multip...
fetch 用form Data 格式 发送数据（带json格式的参数）
Akukudeteng的博客
10-22 5383
坑： 1.fetch如何使用form Data 格式 发送数据？ 答：使用 var formData = new FormData(); formData.append('developerId', '633');//传参数 2.在控制台发现Content-Type:multipart/form-data ；而且数据没有发送成功，后面也没有boundary的分割？ 答：不要在头部设置'Content-Type':'multipart/form-data;', hea...
关于设置content-type无效的问题
weixin_46436257的博客
12-12 1554
关于解决http请求中设置content-type无效的问题
React通过fetch实现post上传json和formData
qq_44997147的博客
04-17 4599
在react中利用fetch进行CORS跨域需要注意的点 当我们直接在fetch的url中输入完整的http时，就算加了"Access-Control-Allow-Origin": "*"也会报下面的错误： Access to fetch at ‘http://xxx.xx.xxx.xx:8080/admin/onLogin’ from origin ‘http://localhost:3000...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值