使用postman测试接口的时候，遇到form-data类型如何传参

最新推荐文章于 2025-04-27 09:15:13 发布
最新推荐文章于 2025-04-27 09:15:13 发布
阅读量4.7k 收藏
点赞数
分类专栏： Springboot java学习 文章标签： postman java 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_46334815/article/details/128456570
版权
本文介绍了在使用Postman进行后端接口测试时，如何处理form-data类型的请求参数。重点讲解了form-data中数据的存储形式，即key-value对，并提到了key的唯一性和可能的多value情况。此外，还简单提及了JSON格式中的数组和对象用法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

后端

    @PostMapping(value = "/v1/updateDataPermsInfo")
    @ApiOperation(value = "根据角色编号更新数据权限接口")
    @ApiImplicitParams({
   
            @ApiImplicitParam(name = "roleIndex", value = "角色编号", paramType = "query",defaultValue = "1"),
            @ApiImplicitParam(name
最低0.47元/天 解锁文章
postman接口测试中post请求的数据类型
MXB1220的博客
07-07 893
我们都知道接口post方法中有不同的请求类型，再写postman中发送请求的时候只是简单的写了一种，今天我们重新了解下Postman如何发送post的其他数据类型！！我个人整理了我这几年软件测试生涯整理的一些技术资料，包含：电子书，简历模块，各种工作模板，面试宝典，自学项目等。欢迎大家点击下方名片免费领取，千万不要错过哦。全套自动化测试面试简历学习资料获取点击链接加入群聊【python自动化测试交流】：t=N4P3。
使用postman进行post请求传递参数为什么需要用body里面的form-data？使用场景是什么？底层原理是什么？
长风破浪会有时的博客
01-19 713
使用Postman进行POST请求传递参数时，选择body中的form-data选项是一种常见的方式，尤其适用于某些特定的使用场景。
ajax传文件调用后端接口formdata(不废话，直接上例子用jquery写的)
jingtian678的博客
12-14 2873
 $(function(){             $("#upload").click(function(){                 var formData = new FormData();                 formData.append('file', $('#file')[0].files[0]); //后端所需字段file                 f...
FromData传参形式：
qq_45845762的博客
01-24 2268
前端传参有很多形式下面介绍一下FromData传参！！ 首先模拟的是获取列表的形式向后端传递参数： 1、 第一要在发请求函数里new一个新的对象通过append方式向这个对象中添加参数： // 获取列表 getLists() { let formdata = new FormData();//new出来的对象 formdata.append("pageNum", this.queryParams.page);//所传递参数 formdata.append
Postman中“form-data“与“multipart/form-data“的关系
最新发布
抟土成人祖，炼石补青天。眼中览银河，手可摘星辰。
04-27 431
简单来说，这只是Postman界面标签与实际HTTP协议中的术语之间的差异。
Postman的FormData传参用法详解
qq_53114797的博客
04-19 7567
今年上半年因为做毕设的原因，有自己接触到后端，也是用过了postman去测试接口，看到了postman那边的参数形式，一直对这个formData有想法。
postman form-data传参java实现
sdgames的博客
06-10 3258
java实现： 第二种方式：
java实现postman中form-data传参方式
热门推荐
qq_33479841的博客
05-24 7万+
postman中几种传参方式区别： 1.form-data form-data主要是以键值对的形式来上传参数，同时参数之间以&分隔符分开，同时也可以上传文件，文件上传要指定文件类型,具体可以看下面的图。 2.x-www-form-urlencode 这种参数的传递与form-data最大的区别是，x-www-form-urlencode只能是以键值对的形式传参，不能上传文件。 3.ra...
Postman入门：传参方式
M_Z_G_Y的博客
10-16 8520
1.form-data 就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息，以标签为单元，用分隔符分开。既可以上传键值对，也可以上传文件，一次可以传多个。其中Multipart/form-data其实就是上传文件的一种方式。http协议本身的原始方法其实并不支持multipart/form-data请求，它是由post方法来组合实现的,multipar...
python接口测试传form-data参数
有点小糊涂
12-03 2589
抓包的参数是这样的时候表示是form表单，普通的json肯定会报错。 这时需要用一个特殊的json来发送给后台 flight_at={'_token':(None,c_token), 'mawb':(None,mawb), 'file':(None,""), 'export_at':(None,'2020-12-04 11:55:13'), 'etd_at':(None,'2020-12-05 11:55:13'), 'eta_at':(None,'2020-12-.
Okhttp实现参数请求接口用postman的form-data请求接口
qq_36570506的博客
03-23 1267
Okhttp实现参数请求接口用postman的form-data请求接口
使用postman传递数组调试
01-08
使用postman传递数组 以springboot两个接收参数的注解为例：@RequestBody和@RequestParam 一、先简单的写一下springboot的注解@RequestBody和@RequestParam在后台是如何接收数组 直接上图（自行忽略其他注解） @RequestBody接收数组 @RequestParam接收数组 请注意@RequestParam括号里的名称一定得带中括号[ ]，后边定义的参数名则不需要 二、进入正题，使用postman来传递@RequestBody和@RequestParam注解的数组参数 用postman传递@RequestBody
postman之接口测试content-type头域
09-23 808
接口测试核心四要素：请求方法、请求协议、头域、请求头。 请求方式：Get请求、Post请求 传参：表单提交、请求体提交
form表单action传参数_postman中使用form-data传数组或对象参数时，php后端如何接收...
weixin_39629947的博客
11-29 897
postman的操作：thinkphp5框架的input()方法会对特殊字符串进行转义，如：[ ], { } 等，这里也是坑了我很长时间。解决办法如下：其他方法：1.使用 htmlspecialchars_decode()htmlspecialchars() 转义 ["a","b","c&quot...
Postman传递对象参数（其中有集合对象）
m0_59794830的博客
07-23 4784
项目场景： postman通常需要传递各式各样的参数，这样的话，进行写参数比较头疼，不知怎么进行传参。 解决方案： 可以考虑将参数对象写成json字符串的样式，然后将将字符串转换成json对象 实体类： import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor; import org.apache.ibatis.annotations.Param; import org.hibernate
postman使用form-data传文件和数组
qq_41323619的博客
03-28 4849
Postman：postman form-data能同时传文件和对象嘛？
jet5devil的博客
04-02 4108
最近遇到一个这样的需求 ，就是说我需要上传图片到服务器，也需要将这张照片的其他信息写入到数据库中，比如标题、描述和标签。 照片本身用的MVC的Multipartfile，其他信息开始用的对象来接收的。 这是我的服务接口定义 /** * 将上传的图片信息和相应的图片描述 * 写入到数据库中 事务处理，只有写入成功之后，才能够添加到数据库中 * https://blog.youkuaiyun.com/lizhiyuan_eagle/article/details/93484955,
快速导入浏览器的接口参数到postman中
li330394383的专栏
12-25 1万+
web开发中经常需要将F12的接口参数复制下来，放到postman中用于本地调试，如果只是body参数的话是很方便操作，但是遇到接口需要携带很多的header，一个一个复制起来就恼火了。 下面介绍一种快速的方式，一键式丝滑复制马叉虫操作。 以Edge为例： 1. 右键点击需要复制的请求连接，选择复制菜单，在弹出菜单中选择复制为cRUL(bash)。 2. 打开postman(截图参照版本为9.6)，点击左上角选择import，参考如图所示位置，不同版本操作按钮位置可能不同。 3. 弹出框中选.
使用postMan调试接口出现 Content type ‘multipart/form-data；charset=UTF-8‘ not supported“
m0_63622279的博客
10-13 4543
最近好久没写springboot项目了，然后写了一个添加用户的接口，使用postman测试时出现了问题。原因是接口做了规范，默认就是通过@RequestBody 的方式请求的；也就是每一个请求必须是通过实体对象进行传参，不能通过form-data 表单提交的方式进行传参；,解决方案body选择为raw模式，同时改文件格式为json方式提交
uniapp中使用form-data传参
04-26
### 在 UniApp 中使用 Form-Data 进行传参的示例 在 UniApp 中，通过 `wx.uploadFile` 或者基于第三方请求库（如 `axios`、`luch-request`），可以实现以 `form-data` 方式传递参数。以下提供两种常见的方式。 --- #### 方法一：使用原生 `wx.uploadFile` 实现 Form-Data 传参 `wx.uploadFile` 是微信小程序提供的用于上传文件的方法，同时也支持附加其他表单字段作为 `form-data` 发送至服务器。 ```javascript const filePath = '/path/to/file'; // 文件路径 const url = 'https://example.com/upload'; uni.uploadFile({ url: url, filePath: filePath, name: 'file', // 表单字段名，对应后端接收的关键字 formData: { username: 'JohnDoe', age: 28 }, success(res) { const data = JSON.parse(res.data); // 解析返回数据 if (data.code === 0) { console.log('上传成功:', data.message); } else { console.error('上传失败:', data.message); } }, fail(err) { console.error('上传出错:', err); } }); ``` 上述代码中，`formData` 字段包含了额外的键值对信息，这些信息会被封装成 `form-data` 并随同文件一起发送给服务器[^1]。 --- #### 方法二：使用 `luch-request` 实现 Form-Data 传参 如果项目中集成了 `luch-request` 插件，也可以方便地完成 `form-data` 的传输。以下是具体实现方式： ##### 步骤 1：创建 FormData 对象 利用 JavaScript 原生的 `FormData` 构造函数来组装需要传递的数据。 ```javascript let formData = new FormData(); // 创建新的 FormData 实例 formData.append('username', 'Alice'); // 添加普通文本字段 formData.append('age', 25); // 继续添加更多字段 formData.append('avatar', fileInput.files[0], 'image.jpg'); // 添加文件字段 ``` ##### 步骤 2：发起 POST 请求 将构建好的 `formData` 对象作为请求体的一部分发送出去。 ```javascript import http from '@/common/luch-request/index.js'; // 引入 luch-request http.post('/api/user/register', formData, { headers: { 'Content-Type': 'multipart/form-data' // 显式声明 content-type } }).then(res => { if (res.statusCode === 200 && res.data.success) { console.log('注册成功:', res.data.result); } else { console.error('注册失败:', res.data.message); } }).catch(err => { console.error('请求错误:', err); }); ``` 需要注意的是，当使用 `FormData` 时，通常不需要手动设置 `Content-Type`，因为浏览器会根据附带的内容自动生成合适的边界符和 MIME 类型[^3]。 --- ### 注意事项 1. **跨域问题** 如果前端与后端不在同一域名下，可能会触发跨域限制。此时可以在服务端开启 CORS 支持，并确保响应头包含如下内容： ```plaintext Access-Control-Allow-Origin: * ``` 2. **调试建议** 使用 Chrome 浏览器开发者工具或 Postman 工具测试接口行为，确认请求格式是否正确无误。 3. **兼容性考量** 部分老旧设备可能不完全支持 `FormData` API，因此开发前应评估目标用户的终端环境特性。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

山有木兮-

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值