谈谈form-data请求格式

最新推荐文章于 2024-06-19 10:44:01 发布
最新推荐文章于 2024-06-19 10:44:01 发布
阅读量3.5k 收藏 2
点赞数
文章标签： 源码 开发 并发 技术 视频
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dp83166019po/article/details/80133077
版权
本文探讨了在HTTP POST请求中使用multipart/form-data格式的原因和优势，特别是在Go后端处理数据时避免类型转换的问题。通过示例说明了multipart/form-data的结构，包括boundary的使用。此外，介绍了FormData对象在JavaScript中的应用，如何将对象转换为FormData，以及处理复杂对象的转换函数。最后，提供了一些相关资源链接。
摘要由CSDN通过智能技术生成

最近一直都比较忙，坚持月月更新博客的计划不得中止了，今天好不容易抽出点时间来说说最近项目中遇到的一个问题，有关request post请求格式中的multipart/form-data格式。

引言

最近在项目过程中遇到一个问题，相信大部分人都遇到过：

在后端与前端约定好application/json格式传递数据时，因为后台是go强类型语言，在定义api接口时，某些字段要求是整型类型，但是对于前端来说输入框或者从url中的search取到的参数都是字符串，不得不进行前端类型转换。
咋一看，对于接口参数比较少的api前端转换没有什么，但是对于一般的交互复杂，参数众多的详情编辑接口，要对大部分参数进行类型转换就是一种吃力不讨好的活。于是想到了另一种的前后端数据交互格式，即multipart/form-data。这样后端取到前端传递的数据就是数字了(即使前端传递的是字符串)，而不像json格式获取的是字符串。这样，就不需要额外对前端获取的数据进行特殊转换了。下面就来说说form-data。

form-data请求格式

multipart/form-data是基于post方法来传递数据的，并且其请求内容格式为Content-Type: multipart/form-data,用来指定指定的数据编码格式。另外，该格式会生成一个boundary字符串来分割请求体的post内容。请求头与请求体以一个boundary=${boundary}来进行分割，具体如下：

…
Content-Type: multipart/form-data; boundary=${boundary}

–${boundary}
…
…

–${boundary}–
上面boundary=${bo

最低0.47元/天 解锁文章
单弓丨
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于form-data请求格式详解
10-16
今天小编就为大家分享一篇基于form-data请求格式详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
form-data 请求
hzm博客
03-26 868
public string GetToken() { JavaScriptSerializer json = new JavaScriptSerializer(); List<FormItemModel> formItems = new List<FormItemModel>(); formItems.Add(FormItemModel.GetTextModel("client_id", client_id)); ...
vue3 中传递 fromData 格式的写法
最新发布
阿乐的博客
06-19 465
在我们前端调用接口的使用中 我们会传递参数 大部分是json 格式的 但是有的时候 回事 formData 的格式的 那我们前端就需要修改一下 传递对应的东西。如果不传递 paramsFormdata 就默认是json 传就是formData 的格式的。我说一下我使用Taro 框架中的写法 就是移动端 和小程序中的写法。我这里有一个判断 当我需要传递这个 formData 的格式的时候。我说一下在web端中的使用 我使用的是tdesign 的框架。人家封装好的request 的文件我就不写了。
Http之form-data格式请求
daiab的博客
03-05 5889
Http之form-data格式请求 // 首先创建post请求 设置请求头 HttpPost post = new HttpPost(url); post.setHeader("Content-type", "application/x-www-form-urlencoded; charset='UTF-8'"); post.setHeader("Accept",new StringBuffer("text/xml;charset="UTF-8"); // 接着设置请求参数 NameValuePair n
【第三方接口】数据请求（form-data/键值对格式请求）
weixin_42428778的博客
12-15 1484
1.form-data form-data 主要是以 键值对的形式 来上传参数，同时参数之间以 &分隔符 分开，同时也可以上传文件，文件上传要指定文件类型。 2.x-www-form-urlencode 这种参数的传递与form-data最大的区别是，x-www-form-urlencode只能是以键值对的形式传参，不能上传文件。 键值对请求案例： public boolean sendEmail(String emailFrom, String emailSubject, String emai
谈谈你对aja的理解(一、二)
10-23
一旦有了XMLHttpRequest对象，就可以监听它的`onreadystatechange`事件，这个事件会在请求状态改变时触发，特别是当`readyState`属性变为4（表示请求完成）时，我们可以检查`status`属性来确认是否成功，例如，200...
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
01-21
form method=POST action=upload enctype=multipart/form-data> 名字 <input type=text name=user></input> 头像 <input type=file name=file></input> <input type=submi
开发multipart与解析mime邮件等所用的jar包
11-09
在HTTP协议中，`multipart/form-data`是一种内容类型，常用于表单提交，尤其是当表单需要上传文件时。它允许我们将多个不同类型的数据（如文本、图片、视频等）组合成一个单一的HTTP请求。在Android开发中，如果你的...
Winform下动态执行JavaScript脚本获取运行结果，谈谈网站的自动登录及资料获取操作.doc
06-11
byte[] response = client.UploadData(loginUrl, formData); string result = Encoding.UTF8.GetString(response); ``` 对于数据获取，可以利用JavaScript执行来抓取网页内容，尤其是动态加载的数据。例如，使用...
Jqury-ajax.rar_java html 交互_jqury _jqury ajax html
09-22
在这个例子中，`url`指定了Servlet的地址，`type`定义了请求类型（通常是GET或POST），`data`是发送到服务器的数据，`dataType`是预期的服务器响应格式，如JSON或HTML。`success`和`error`函数分别用于处理成功和...
项目中axios发送 post 请求 数据类型为Form Data 数据时踩的坑（设置了请求头信息之后还未成功 但是发送过去的类型不对）解决方法
01-03
项目中post后端要求发送的数据放在formdata中， 那么第一件事情设置请求头信息，，现在用的很多封装的ajax库都可以设置请求头信息 这里以axios为例 axios({ url:this.dialog.add.upload_url, method:'post', data, headers:{ 'Content-Type':'application/x-www-form-urlencoded' } }).then(res=>{ if(res.status){ this.$message.success(修
formdata格式
wu_dada的博客
07-06 3948
日常与后台对接时，一般数据格式都是data数据传参，但偶尔也是有例外：文件上传等需要我们去使用formdata格数传参，那么应该怎么去进行接口访问呢？ 因为方法比较常见，所以对formdata格式进行了个封装。 function formdata (obj = {}) { let result = '' for (let name of Object.keys(obj)) { let value = obj[name]; result += '\
FormData数据格式
热门推荐
Gloria的博客
10-12 2万+
**FormData数据格式**介绍实现方法1实现方法2安装使用总结 介绍 由于后端接口请求对格式有要求，一些情况需要用到FormData的格式。 实现方法1 var params = new FormData(); params.append('item_link',encodeURIComponent(this.link)); params.append('type', 1 ); ax...
formData 请求格式
weixin_45969830的博客
06-26 2322
方法一：Content-Type 把Json格式修改成 form格式， 引入 qs, qs.stringify()将传参 序列化成URL的形式，以&进行拼接。 方法二：传参中增加一个参数判断是否需要formdata, 将参数转换成formData
数据转化为FormData格式
weixin_54163765的博客
05-06 2901
转化数据为FormData格式 var form_data = new FormData(); form_data.append("author", this.objStart.author); form_data.append("file", this.objStart.file); form_data.append("filePath", this.objStart.filePath); form_data.append
Javascript Ajax总结——FormData类型
aoju2573的博客
07-01 427
XMLHttpRequest1级只是把已有的XHR对象的实现细节描述出来。XMLHttpRequest2级进一步发展了XHR。FormData类型FormData类型，为序列化表单以及创建以表单格式相同的数据提供了便利。创建FormData对象，添加一些数据： var data = new FormData(); // 2个参数：建和值，对应表单字段的名字和字段包含的值 dat...
小程序使用formdata格式传参
coldriversnow的专栏
08-06 1万+
注意：因源码无法直接在项目中使用，本文代码在源码的基础上完善了一些改动的基础上完善了一些改动（不出意外的话应该是可以直接使用的，如果不行的话在一起探讨咯）。，整理出来的formdata.js的用法（就佩服善于整理的人，我有时候都看不懂大神写的什么，谈何整理！千万记得在要用到的js文件中引用，我将formdata.js放在了跟目录下的自己创建的utils文件夹。因涉及到域名安全问题以及并不是单独上传图片，不能使用。如果本文代码无法满足您的需求，还请移步去看一下源码。因为我的需求是上传多张图片，所以会多一步。.
FormData的使用
泊一的博客
11-07 1705
FormData 对象的作用 模拟HTML表单，相当于将HTML表单映射成表单对象，自动将表单对象中的数据拼接成请求参数的格式。 异步上传二进制文件 FormData 对象的使用 FormData 对象的使用 1.准备 HTML 表单 <form id="form"> <input type="text" name="username" /> &l...
java form-data请求
06-25
### 回答1： Java可以使用Java HttpURLConnection 或 Apache Httpclient实现form-data请求。 其中HttpURLConnection是Java内置UrlConnection类的实现，通过读取form-data表单中的键值对数据，使用setRequestProperty方法设置HTTP请求头信息，然后将multipart表单数据写入输出流中，最后获取响应。 而Apache Httpclient是第三方库，也是常用的实现方式。它提供了一个MultipartEntityBuilder类，可以方便地构建form-data数据。将数据塞入MultipartEntityBuilder实例中，然后将实例传入HttpPost请求体中，最后获取响应。 无论何种实现方式，在处理form-data请求时，可以通过ContentType指定multipart/form-data的MIME类型，并且还需要指定boundary分隔符。这就是form-data请求的基本实现过程。 ### 回答2： form-data是一种数据传输格式，通常用于上传文件或提交表单数据。Java中可以使用HttpURLConnection类或HttpClient库发送form-data请求。 使用HttpURLConnection类发送form-data请求，需要先创建一个HttpURLConnection对象，并设置请求方法为POST。然后指定Content-Type为multipart/form-data，并使用OutputStream传输数据。文件数据需要使用FileInputStream读取，并按照form-data的格式进行编码。 使用HttpClient库发送form-data请求，需要使用MultipartEntity类创建一个包含文件和表单数据的实体。然后使用HttpPost对象指定请求的URL，设置实体，并使用HttpClient对象执行请求。 以下是一个使用HttpClient库发送包含文件和表单数据的form-data请求的示例代码： ``` HttpEntity reqEntity = MultipartEntityBuilder.create() .addBinaryBody("file", new File("/path/to/file"), ContentType.DEFAULT_BINARY, "filename.txt") .addTextBody("form_field", "value") .build(); HttpPost httpRequest = new HttpPost("http://example.com/upload"); httpRequest.setEntity(reqEntity); HttpClient httpClient = HttpClientBuilder.create().build(); HttpResponse response = httpClient.execute(httpRequest); ``` 以上就是Java发送form-data请求的简单介绍。 ### 回答3： Java中的form-data请求是一种HTTP请求方法，它用于向服务器提交表单数据。在Java中，我们可以使用HttpURLConnection或Apache HttpClient这样的HTTP客户端库来发送form-data请求。 要发送form-data请求，我们需要创建一个HTTP POST请求，并将请求内容设置为表单数据。表单数据由键值对组成，每个键值对分别表示表单字段的名称和值。可以使用Java中的Map来存储这些键值对。这里需要注意的是，如果表单包含文件上传，则需要将文件内容编码为Base64格式，并作为值发送到服务器。 以下是一个使用Apache HttpClient发送form-data请求的示例代码： ``` CloseableHttpClient httpClient = HttpClients.createDefault(); HttpPost httpPost = new HttpPost("http://example.com/form-data-endpoint"); MultipartEntityBuilder builder = MultipartEntityBuilder.create(); builder.setMode(HttpMultipartMode.BROWSER_COMPATIBLE); //添加文本字段 builder.addTextBody("username", "John Smith", ContentType.TEXT_PLAIN); builder.addTextBody("password", "secret", ContentType.TEXT_PLAIN); //添加文件 File file = new File("/path/to/file"); builder.addBinaryBody("file", file, ContentType.APPLICATION_OCTET_STREAM, file.getName()); //设置请求实体 HttpEntity entity = builder.build(); httpPost.setEntity(entity); //发送请求 CloseableHttpResponse response = null; try { response = httpClient.execute(httpPost); //处理响应 } catch (IOException e) { //处理异常 } finally { if (response != null) { try { response.close(); } catch (IOException e) { //处理异常 } } } ``` 在上面的示例中，我们首先创建一个HttpPost对象，并指定目标URL。然后，我们使用MultipartEntityBuilder类创建一个表单实体。我们使用addTextBody方法添加文本字段，使用addBinaryBody方法添加文件。最后，我们将表单实体设置为HTTP POST请求的实体，并发送请求。如果需要，我们可以从响应中获取服务器的响应内容并进行处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值