表单提交原理

1.HTTP是如何提交表单的

<form>标签的属性enctype设置以何种编码方式提交表单数据。可选的值有三个:

   application/x-www-form-urlencoded:

这是默认的编码方式。它只处理表单域里的value属性值,采用这种变法方式的表单会将表单域的值处理成URL方式。

  multipart/form-data: 

这种编码方式会以二进制流的方式来处理表单数据,这中编码方式会把文件域指定的文件内容也封装到请求参数里。

   text/plain:

这种方式当表单的action属性值为mailto:URL的形式时比较方便,这种方式主要适用于直接通过表单发送邮件。

2.文件标签

<input type="file" name="myfile">标签用来提交文件。要注意的是,这个标签的value值并不是所选择的文件内容,而是这个文件的完整路径名。正如前面所说的,表单在提交表单时,如果采用默认编码方式,文件的内容是不会被提交的。要提交文件内容要采用multipart/form-data编码方式,这需要在服务器端从提交的二进制流中读取文件内容。

3.从客户端获得输入流

Request.InputStream能够以二进制数据的方式获取请求主体(包含了表单域内容)。它包含了请求主体的内容。通过这个InputStrem可以读取表单的内容(包括文件内容)。

4.文件上传简介

通过Request.InputStream 方法获得表单数据流后,我们就可以手动处理表单数据了。

先来看看form标签是怎么写的:

<form action="upload.ashx"enctype="mutltipart/form-data" method="post">

<input type="file" name="f" />

<input type="text" name="comment"></input>

<input type="submit" name="btnUpload " value="上传" />

</form>

当表单的enctype被设置成multipart/form-data后, comment文本域的内容可以通过request.form[“comment”]来获得,文件f的内容只能通过request.inputstream来获得,但是request.inputstream并不是只包含了文件的内容,还包括了comment文本域的内容,看看打印出inputstream的内容:

------WebKitFormBoundaryQqpAxgR2Pgik6uyY

Content-Disposition: form-data; name="f"; filename="hello.txt"

Content-Type: application/octet-stream

Hello!!!

------WebKitFormBoundaryQqpAxgR2Pgik6uyY

Content-Disposition: form-data; name="comment"

文件上传

------WebKitFormBoundaryQqpAxgR2Pgik6uyY

Content-Disposition: form-data; name="buttom"

上传

------WebKitFormBoundaryQqpAxgR2Pgik6uyY--

可以看到提交的表单数据是混合了所有请求参数的数据。 从上面表单数据的内容可以看到,每个请求参数都以----开头的行开始,后面跟的字符不同的浏览器不同。接下来俩行是参数的描述,然后空行后接参数的值(对文件input稍微有所不同,即空行后是附加的文件内容)。表单数据以--开始和结尾的行结束。

明白了表单数据的格式后,就可以编程解析表单数据了,我们可以把文件从表单数据中解析出来。

原文链接:http://www.cnblogs.com/RascallySnake/archive/2010/07/27/1786160.html

时间: 2024-08-11 07:47:20

表单提交原理的相关文章

基于Http原理实现Android的图片上传和表单提交

版权声明:本文由张坤  原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/794875001483009140 来源:腾云阁 https://www.qcloud.com/community 现在服务器主要是Web居多,客户端一般通过http上传文件到web服务器,最开始的设想很简单,直接将图片转化为字节流,写入到http的outstream,随后发送出去即可. 但当这种方法出现问题,服务器根据文件名这个表单中的字段来判定

HTTP通信模拟表单提交数据

前面记录过一篇关于http通信,发送数据的文章:http://www.cnblogs.com/hyyq/p/7089040.html,今天要记录的是如何通过http模拟表单提交数据. 一.通过GET请求方式提交:最简单的一种方式 直接在链接后面跟上要提交的数据即可,比如: http://yychf.55555.io/get.do?username=yyc&password=yychf,通过http直接发送.然后在服务器端可以通过request.getParameter()方法来获得参数值.如要获

DWZ(JUI) 教程 普通表单提交

原文:DWZ(JUI) 教程 普通表单提交 一类是普通的表单提交,另一类就是列表页面的表单提交,主要是用来查询搜索列表使用的.今天我就简单介绍一下前者. 这是官网上的普通列表页面, <div class="pageContent"> <form method="post" action="demo/common/ajaxDone.html" class="pageForm required-validate"

表单提交音乐文件(php)

利用点空闲时间来写个博客,最近做的项目中需要表单提交音频的,图片的,各种类型,把它存到数据库里,这里先来说一下音乐文件的表单提交吧,后几天再来更新输入数据库的,先看一下效果 点击浏览 就会出来预览,点击mp3的文件 打开播放也可以正常播放 再来换一张图片,试试能不能传上 提交张图片 点击提交 提交不成功,因为这个只允许MP3格式的文件提交 刚才还没看mp3的提交,下面提交一下MP3文件 点击提交 因为没有给它设置跳转页面,所以还在它的处理页面 和图片上传的原理是一样的,图片上传在我的前几篇博客中

form表单提交数据编码方式和tomcat接受数据解码方式的思考

http://blog.sina.com.cn/s/blog_95c8f1ac010198j2.html ******************************************************* form有2中方法把数据提交给服务器,get和post,分别说下吧. (一)get提交 1.首先说下客户端(浏览器)的form表单用get方法是如何将数据编码后提交给服务器端的吧. 对于get方法来说,都是把数据串联在请求的url后面作为参数,如:http://localhost:

原生JS 表单提交验证器

一.前言 最近在开发一个新项目,需要做登陆等一系列的表单提交页面.在经过“缜密”的讨论后,我们决定 不用外部流行的框架,如bootstrap,由于我负责的模块 仅仅是其中的一部分,因此少数服从多数,无奈只能抛弃bootstrap等提供的布局,样式以及验证等一些列如此方便的组件,(他们拒绝使用的原因也令人发省). 那么问题就来了. 二.设计理念 我们都知道,在抛开外部框架,仅仅用JS+css+html 去开发一个页面,是很复杂的,尤其是在没有美工,前台的情况下.其实bootstrap 在一定程度上

C# Winform利用POST传值方式模拟表单提交数据(Winform与网页交互)

其原理是,利用winfrom模拟表单提交数据,将要提交的参数提交给网页,网页执行代码,得到数据,然后Winform程序将网页的所有源代码读取下来,这样就达到windows应用程序和web应用程序之间传参和现实数据的效果了. - 首先创建一个windows应用程序和web应用程序. - 在web应用程序中,将网页切换到源代码并把源代码中一些没用的代码删掉,只保留头部,在windows应用程序读取网页源码时,这些都会被一起读下来,但这些都是没用的数据,而且删掉没什么影响.需要保留的代码如下: - <

Ajax表单提交

jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其他的一些方法: formToArray().formSerialize().fieldSerialize().fieldValue().clearForm().clearFields() 和 resetForm()等.

struts2 jsp表单提交后保留表单中输入框中的值 下拉框select与input

原文地址:struts2 jsp表单提交后保留表单中输入框中的值 下拉框select与input jsp页面 1     function dosearch() {2         if ($("#textValue").val() == "") {3                 $("#errortip").html("<font color='#FF0000'>请输入查询内容</font>")