form的enctype和action

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)。
如果有以下form，并选择了file1.txt上传
<form action="http://server.com/cgi/handle"
       enctype="multipart/form-data"
       method="post">
   <input type="text" name="submit-name" value="chmod777"><br />
   What files are you sending? <input type="file" name="files"><br />
</form>

则有如下body:
Content-Type: multipart/form-data; boundary=AaB03x

--AaB03x
Content-Disposition: form-data; name="submit-name"

chmod777
   --AaB03x
   Content-Disposition: form-data; name="files"; filename="file1.txt"
   Content-Type: text/plain

... contents of file1.txt ...
--AaB03x--

以上是我看了http://www.w3.org/TR/html401/interact/forms.html#h-17.13.1的理解，可能有误。:)

form的enctype和action相关推荐

form 中Enctype=multipart/form-data 的作用
form 中Enctype=multipart/form-data 的作用 ENCTYPE="multipart/form-data"用于表单里有图片上传. <form na ...
ajax enctype设置,form设置enctype属性为'application/json'不起作用
由于项目中需要向后台传复杂的json数据处理完然后跳转,大家的做法是用ajax提交数据然后在用location.href跳转,但是这样做需要写两个controller,正好今天百度看了可以设置form ...
js 提交form表单,js更改form表单的action属性
2019独角兽企业重金招聘Python工程师标准>>> js 提交form表单 <s:form id="formID1" action="favo ...
当FORM的ENCTYPE=quot;multipart/form-dataquot; 时request.getParameter()获取不到
当FORM的ENCTYPE="multipart/form-data" 时request.getParameter()获取不到值. 解决方法: 提交普通表单时,在提交前: $(&q ...
form表单的action属性设置相对路径
代码如下,当form表单中的action值为savebyform.do时,该表单提交的路径会是什么呢? <form name="form1" action="sav ...
Cannot retrieve definition for form bean jellyForm on action /jelly.htm
不要每次问题都麻烦人家谷歌百度,把犯下的问题的记下来 struts1中报错: javax.servlet.jsp.JspException: Cannot retrieve definition fo ...
form表单中的action属性
form表单中的action属性的值是表单提交给的url,如果我们没有设置action属性,那么默认的表单还是提交给当前页面 <form action = "register" ...
form表单的action提交写到js中来，同时onclick事件也写在js中来。其action也可以通过ajax来提交的。...
假如你现在还在为自己的技术担忧,假如你现在想提升自己的工资,假如你想在职场上获得更多的话语权,假如你想顺利的度过35岁这个魔咒,假如你想体验BAT的工作环境,那么现在请我们一起开启提升技术之旅吧,详情 ...
html form multipart,html form 中Enctype=multipart/form-data 的作用
ENCTYPE="multipart/form-data"用于表单里有图片上传. 表单标签中设置enctype="multipart/form-data"来确保 ...

form的enctype和action

form的enctype和action相关推荐

最新文章

热门文章