form表单的enctype类型
HTML forms provide three methods of encoding.
application/x-www-form-urlencoded (the default)
multipart/form-data
text/plain
上传文件的表单中<form>要加属性enctype="multipart/form-data" ,很多人只是死记硬背知道上传表单要这么 写,知其然而不知其所以然。
那到底为什么要添加这个属性呢?它是什么意思呢?它又有什么其他可选值呢?
其实form表单在你不写enctype属性时,也默认为其添加了enctype属性值,默认值是enctype="application/x-www-form-urlencoded"。这个属性管理的是表单的MIME编码,共有三个值可选:
application/x-www-form-urlencoded (默认值)
multipart/form-data
text/plain
其中
①application/x-www-form-urlencoded是默认值,大家可能在AJAX里见过这 个:
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");这两个要做的是同一件事情,就是设置表单传输的编码。在AJAX里不写有可能会报错,但是在HTML的form表单里是可以不写 enctype="application/x-www-form-urlencoded"的,因为默认HTML表单就是这种传输编码类型。
②multipart-form-data是用来指定传输数据的特殊类型的,主要就是我们上传的非文本的内容,比如图片或者mp3等等。
③text/plain是纯文本传输的意思,在发送邮件时要设置这种编码类型,否则会出现接收时编码混乱的问题 ,网络上经常拿text/plain和 text/html做比较,其实这两个很好区分,前者用来传输纯文本文件,后者则是传递html代码的编码类型,在发送头文件时才用得上。①和③都不能用 于上传文件,只有multipart/form-data才能完整的传递文件数据。
摘自:
application/x-www-form-urlencoded报文示例
POST /thread_loan/rest/accounts/bankCard HTTP/1.1Host: localhost:8080Authorization: Basic YWRtaW46eW91eGluMTEyNg==Cache-Control: no-cachePostman-Token: f5ab84b2-f412-f03d-2b5b-c5327369835eContent-Type: application/x-www-form-urlencodedlendReqId=726241&accountNo=12143124352323&cityCode=800&accountBranchBank=hello+world
multipart-form-data报文示例
POST /thread_loan/rest/accounts/bankCard HTTP/1.1Host: localhost:8080Authorization: Basic YWRtaW46eW91eGluMTEyNg==Cache-Control: no-cachePostman-Token: b5989aca-f0c1-6383-d686-ecf4c3dc91b8Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW----WebKitFormBoundary7MA4YWxkTrZu0gWContent-Disposition: form-data; name="lendReqId"726241----WebKitFormBoundary7MA4YWxkTrZu0gWContent-Disposition: form-data; name="accountNo"12143124352323----WebKitFormBoundary7MA4YWxkTrZu0gWContent-Disposition: form-data; name="cityCode"800----WebKitFormBoundary7MA4YWxkTrZu0gWContent-Disposition: form-data; name="accountBranchBank"hello world----WebKitFormBoundary7MA4YWxkTrZu0gW
==============END==============