博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
multipart/form-data和application/x-www-form-urlencoded的区别
阅读量:4081 次
发布时间:2019-05-25

本文共 1936 字,大约阅读时间需要 6 分钟。

FORM元素的enctype属性指定了表单数据向服务器提交时所采用的编码类型,

默认的缺省值是“application/x-www-form-urlencoded”。

    然而,在向服务器发送大量的文本、包含非ASCII字符的文本或二进制数据时这种编码方式效率很低。 

    在文件上载时,所使用的编码类型应当是“multipart/form-data”,它既可以发送文本数据,也支持二进制数据上载。

    Browser端<form>表单的ENCTYPE属性值为multipart/form-data,它告诉我们传输的数据要用到多媒体传输协议,由于多媒体传输的都是大量的数据,所以规定上传文件必须是post方法,<input>的type属性必须是file。

 

Form元素的语法中,EncType表明提交数据的格式 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。

下边是说明:

application/x-www-form-urlencoded窗体数据被编码为名称/值对。这是标准的编码格式。 

multipart/form-data窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分。 

text/plain窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符。
 

补充
formenctype属性为编码方式,常用有两种:application/x-www-form-urlencodedmultipart/form-data,默认为application/x-www-form-urlencoded

actionget时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1&name2=value2...),然后把这个字串appendurl后面,用?分割,加载这个新的url

actionpost时候,浏览器把form数据封装到http body中,然后发送到server如果没有type=file的控件,用默认的application/x-www-form-urlencoded就可以了。

但是如果有type=file的话,就要用到multipart/form-data了。浏览器会把整个表单以控件为单位分割,并为每个部分加上Content-Disposition(form-data或者file),Content-Type(默认为text/plain),name(控件name)等信息,并加上分割符(boundary)

http://blog.csdn.net/oqqquzi1234567/article/details/44039787

http://www.jb51.net/article/51377.htm

在Form元素的语法中,EncType表明提交数据的格式

用 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。

下边是说明:

application/x-www-form-urlencoded : 窗体数据被编码为名称/值对。这是标准的编码格式。

multipart/form-data : 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分。

text/plain : 窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符。

补充

form的enctype属性为编码方式,常用有两种: application/x-www-form-urlencoded 和 multipart/form-data , 默认为application/x-www-form-urlencoded 。

当action为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1&name2=value2...),然后把这个字串append到url后面,用?分割,加载这个新的url。

当action为post时候,浏览器把form数据封装到http body中,然后发送到server。

如果没有 type=file 的控件,用默认的 application/x-www-form-urlencoded 就可以了。

但是如果有 type=file 的话,就要用到 multipart/form-data 了。浏览器会把整个表单以控件为单位分割,并为每个部分加上Content-Disposition(form-data或者file)、Content-Type(默认为text/plain)、name(控件name)等信息,并加上分割符(boundary)。

你可能感兴趣的文章
React Native 源码学习方法及其他资源
查看>>
前端收集
查看>>
ReactNaive分包方法
查看>>
实践这一次,彻底搞懂浏览器缓存机制
查看>>
Koa2教程(常用中间件篇)
查看>>
React Hooks 完全指南
查看>>
React16常用api解析以及原理剖析
查看>>
教你发布你npm包
查看>>
nvm 和 nrm 的安装与使用
查看>>
React Native 性能优化指南
查看>>
React DnD
查看>>
React Hooks 一步到位
查看>>
关于webpack问答记录...
查看>>
React 生命周期
查看>>
React Hooks和TypeScript完全指南
查看>>
原生实现前端路由
查看>>
React + Node.JS 巧妙实现后台管理系统の各种小技巧(前后端)
查看>>
如何在Gihub上面精准搜索开源项目?
查看>>
Mac上搭建nginx教程
查看>>
一杯茶的时间,上手 Docker
查看>>