formData格式参数传参

已于 2023-09-07 15:42:39 修改
阅读量432 收藏 1
点赞数 1
分类专栏： 其他 文章标签： javascript
于 2023-05-29 18:19:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A_ta_and_run/article/details/130933832
版权

formData入参

项目里做了一个文件批量导出的功能，前后端联调的时候，前端显示可以请求到数据显示入参格式不对，检查了很久也没发现问题，接口返回200 OK。
后面后端告诉我需要传formData格式的参数，于是就改为formData格式
eg;
const fm = new FormData();
fm.append(‘id’, 12345);
fm.append(‘name’, ‘lilei’);
最后把 实例fm 传递给请求接口
fetch(fm).then()
结束。
我没记错的话 一般formData格式是需要上传文件用的，但是为什么后端要用这种格式当入参。
烦，自找麻烦

A ta and run
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
scrapy爬虫:scrapy.FormRequest中formdata参数详解
09-16
主要介绍了scrapy爬虫:scrapy.FormRequest中formdata参数详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
libcurl提交表单上传文件
jwybobo2007的博客
04-06 5751
<br />不多说了，curl的http上传文件代码示例，有需要的可以参考。<br /> <br />int http_post_file(const char *url, const char *user, const char *pwd, const char *filename)<br /> {<br />     assert(url != NULL);<br />     assert(user != NULL);<br />     assert(pwd != NULL);<br />
javascript ES5中 foreach()遍历方法
weixin_44638167的博客
09-28 5720
forcach() array.forEach(function(currentValue, index, arr)) currentValue：数组当前项的值 index：数组当前项的索引 (可选) arr：数组对象本身 filter() 方法创建一个新的数组， 新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组 注意它直接返回一个新数组 代码: <script> var arr=[50,86,12,10,0,38]; var newa
（转）C++ 值传递、指针传递、引用传递详解
weixin_34261739的博客
12-14 88
一直以来对函数的值传递引用传递理解很模糊，这篇文章可以说是给自己扫盲了。 值传递：实参不会发生改变，是因为形参传递的是不是实参的源地址（形参和实参地址不一样）。不影响实参 指针传递：本质也是值传递，只不过传递的是实参的地址（形参实参的地址一样） 地址的副本 引用传递：传递的是实参的别名，操作地址就是实参地址。间接寻址 下面的文章值得好好读读。虽做不到完全理解，但是也够用了 https:/...
curl命令详解
xiangbq的博客
11-30 797
对于windows用户如果用Cygwin模拟unix环境的话，里面没有带curl命令，要自己装，所以建议用Gow来模拟，它已经自带了curl工具，安装后直接在cmd环境中用curl命令就可，因为路径已经自动给你配置好了。     linux curl是一个利用URL规则在命令行下工作的文件传输工具。它支持文件的上传和下载，所以是综合传输工具，但按传统，习惯称url为下载工具。 　　一，
formdata格式传参
qq_40228475的博客
03-22 8942
最近后台总是让我用formdata格式传参，经过同事指导和查阅资料之后，对formdata传参有了一个初步的认识。 之前写的普通格式传参： export function addCamera(data) { return request({ url: '/data/factoryreport/add', method: 'post', data: data }) } formdata传参： export function selec
前后端传参：掌握FormData并解决form-data类型传参问题
qq_45796592的博客
12-18 1万+
掌握FormData并解决form-data类型传参问题
fromdata中传递多个参数给后端
qq_52179917的博客
10-15 1231
1. fromdata中所有的参数都是数组 2.之所以在浏览器中看到有些参数是以对象传递给后端的，是因为，如果参数数组中只有一个对象，那么在浏览器中默认显示的是对象格式，但实质上只是这个数组的第0个索引 3.所以在传递给后端的时候，需要JSON.stringfy( )，因为在fromdata中赋值的时候，并不能将一个对象直接赋值给这个属性，否则就会出现[0]: 'object object' 所以其实我一直不懂fromdata对象，以至于我今天需要将两个参数传递给后端的时候，直接将对象赋值给属
文件上传---FormData格式的传参
Realizee的博客
04-26 6995
​一般前端做 文件导入功能 / 上传功能 的时候会用到Formdata的格式，来上传文件和数据。 会比较常用的两种方式： 1. 直接表单传值 可以使用FormData.append来添加键/值对到表单里面； 2. 后端的多部分传参 和后端接口保持统一，那么可能不全是表单格式的数据，可能设置的不同的格式，比如文件格式的文件和数据格式的数值，因此需要带格式传过去（new Blob方法）。 ​
小程序使用formdata格式传参
热门推荐
coldriversnow的专栏
08-06 1万+
注意：因源码无法直接在项目中使用，本文代码在源码的基础上完善了一些改动的基础上完善了一些改动（不出意外的话应该是可以直接使用的，如果不行的话在一起探讨咯）。，整理出来的formdata.js的用法（就佩服善于整理的人，我有时候都看不懂大神写的什么，谈何整理！千万记得在要用到的js文件中引用，我将formdata.js放在了跟目录下的自己创建的utils文件夹。因涉及到域名安全问题以及并不是单独上传图片，不能使用。如果本文代码无法满足您的需求，还请移步去看一下源码。因为我的需求是上传多张图片，所以会多一步。.
【JavaScript源代码】Vue使用formData格式类型上传文件的示例.docx
12-29
Vue使用formData格式类型上传文件的示例 　在vue中，我们普遍是前后端分离项目，即需要使用axios等工具向后台发送请求实现对数据的操作。 其中，文件上传算是比较难的一种。这篇文章五分钟教会你上传文件。　1.如...
使用FormData实现上传多个文件
12-10
本文实例为大家分享了FormData上传多个文件的具体代码，供大家参考，具体内容如下 由于项目中使用到，特此写个Demo html代码： <html> <head> <title>Title</title> [removed][removed] ...
SpringMVC接收页面表单参数
08-30
本篇文章主要介绍了SpringMVC接收页面表单参数的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧
curl POST form-data 多文件上传
chenshihao123456的博客
09-19 958
curl
formdata传递参数_关于 FormData 对象数组传值总结
weixin_39883670的博客
12-18 2795
关圈调直年情，量的单框来离理这接法清都的为于 FormData 对象数需朋朋支带不新器功几的事上为做的和时意后组传值总结jQuery Java Spring MVCjQuery遇新是直朋能到分览 代码提示： Ncr 已经存在于实体类中。// 提交数据$('#submit-btn').click(function(){// 数据获取var formData = {};var inputNum = $...
FormData的详解
沈行的博客
06-29 4332
转自：https://blog.csdn.net/yezitoo/article/details/78339201FormData1. 概述FormData类型其实是在XMLHttpRequest 2级定义的，它是为序列化表以及创建与表单格式相同的数据（当然是用于XHR传输）提供便利。2. 构造函数创建一个formData对象实例有几种方式1、创建一个空对象实例var formData = new...
.NET C# form-data形式传参调用第三方api
weixin_40343444的博客
04-13 4074
C# HttpClient body传参post请求访问第三方api
form-data 传参方式
Gyezi的博客
05-29 276
【代码】form-data 传参方式。
React Suspense与Concurrent Mode：异步渲染的未来
最新发布
天涯学馆
05-20 637
React的Suspense和Concurrent Mode是React 16.8及更高版本引入的概念，旨在提升用户体验和性能，特别是在处理异步数据加载和动画时。它们是React的下一代渲染策略的一部分，目的是实现更流畅的交互和更高效的资源调度。
restTemplate.postForObject如果是formdata形式，传参该怎么传，是将参数放在map里吗
07-14
是的，如果你使用`RestTemplate`的`postForObject`方法发送`formdata`形式的参数，你可以将参数放在`MultiValueMap`或者`LinkedMultiValueMap`中，然后作为请求的body进行传递。下面是一个示例代码： ```java import org.springframework.http.HttpHeaders; import org.springframework.http.MediaType; import org.springframework.util.LinkedMultiValueMap; import org.springframework.util.MultiValueMap; import org.springframework.web.client.RestTemplate; public class Example { public static void main(String[] args) { // 创建RestTemplate对象 RestTemplate restTemplate = new RestTemplate(); // 创建请求参数 MultiValueMap<String, String> formData = new LinkedMultiValueMap<>(); formData.add("param1", "value1"); formData.add("param2", "value2"); // 设置请求头 HttpHeaders headers = new HttpHeaders(); headers.setContentType(MediaType.APPLICATION_FORM_URLENCODED); // 发送POST请求 String url = "http://example.com/api/endpoint"; String response = restTemplate.postForObject(url, formData, String.class); // 处理响应结果 System.out.println(response); } } ``` 在上面的示例中，我们创建了一个`MultiValueMap`对象`formData`，并通过`add`方法将参数添加到其中。然后，我们设置了请求头的Content-Type为application/x-www-form-urlencoded。最后，我们使用`postForObject`方法发送POST请求，并将`formData`作为请求的body传递。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值