application/x-www-form-urlencoded和multipart/form-data

本文详细介绍了HTML表单中两种常见的编码方式:application/x-www-form-urlencoded和multipart/form-data。特别是对于带有文件上传功能的表单,如何正确设置enctype属性及提交格式进行了深入解析。

关于application/x-www-form-urlencoded等字符编码的解释说明

 在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)。

 

 

 

通过HTTP模拟GET或POST请求,提交数据到服务端获取响应,比较常见些;但如上传文件到服务端,使用html form当然简单了,而因环境所限有时需要使用模拟方法去提交有附件(文件上传)的表单。我们暂且不说如何去模拟数据,通过一个简单的form看看当请求发生时,客户端提交了什么样的数据给服务端。

 

下面是一个简单的html form,两个文本输入框,一个文件上传(这里我选择一张图片),注意有文件上传的form的enctype属性。

html form
1 < form action ="sql.aspx" method ="post" enctype ="multipart/form-data" >
2 < input id ="Text1" name ="content" type ="text" />< br />
3 < input id ="Text2" name ="uploadImg" type ="text" />< br />
4 < input id ="File1" type ="file" name ="image0" />< br />
5 < input id ="Submit1" type ="submit" value ="submit" />
6   </ form >

 

为了查看表单提交时,向服务端post了什么数据,这里我使用Fiddler来查看。Fiddler确实是个不错的工具,注意当url主机地址是localhost时Fiddler捕获不到,需要再localhost后加一点(.)即可,打开Fiddler,浏览带上面form的page,输入数据提交,此时在Fiddler中可看到post的数据了。下面是一部份数据的截图。

表单提交的数据

 

分析其中的数据不难得出,一个表单中的数据域(input type="text")对应的格式为

-----------------------------7da119c1004a6
Content-Disposition: form-data; name="content"

this is a txt value

一个文件(input type="file")对应的格式为(通常为表单最后一个参数)

-----------------------------7da119c1004a6
Content-Disposition: form-data; name="image0"; filename="E:\CAI\875.jpg"
Content-Type: image/pjpeg
[文件内容]

结尾处是-----------------------------7da119c1004a6--

 

有了上面的数据做参考,按照其格式组织数据,post到服务端,同样可以达到html form提交的效果。要特别注意其格式:如回车换行,差一个都可能得不到正确的响应,还有请求的Content-Length一定计算对。下面是一个参考:

代码
public string POSTfile( string v1, string v2, string file)
{
string boundary = " --------------------------- " + DateTime.Now.Ticks.ToString( " x " );

// 请求
WebRequest req = WebRequest.Create( @" http://localhost.:4944/WebSite1/getfile.aspx " );
req.Method
= " POST " ;
req.ContentType
= " multipart/form-data; boundary= " + boundary;

// 组织表单数据
StringBuilder sb = new StringBuilder();
sb.Append(
" -- " + boundary);
sb.Append(
" \r\n " );
sb.Append(
" Content-Disposition: form-data; name=\ " content\ "" );
sb.Append(
" \r\n\r\n " );
sb.Append(v1);
sb.Append(
" \r\n " );

sb.Append(
" -- " + boundary);
sb.Append(
" \r\n " );
sb.Append(
" Content-Disposition: form-data; name=\ " uploadImg\ "" );
sb.Append(
" \r\n\r\n " );
sb.Append(
" v2 " );
sb.Append(
" \r\n " );

sb.Append(
" -- " + boundary);
sb.Append(
" \r\n " );
sb.Append(
" Content-Disposition: form-data; name=\ " image0\ " ; filename=\ " e:\\a.jpg\ "" );
sb.Append(
" \r\n " );
sb.Append(
" Content-Type: image/pjpeg " );
sb.Append(
" \r\n\r\n " );

string head = sb.ToString();
byte [] form_data = Encoding.UTF8.GetBytes(head);
// 结尾
byte [] foot_data = Encoding.UTF8.GetBytes( " \r\n-- " + boundary + " --\r\n " );

// 文件
FileStream fileStream = new FileStream(file, FileMode.Open, FileAccess.Read);
// post总长度
long length = form_data.Length + fileStream.Length + foot_data.Length;
req.ContentLength
= length;

Stream requestStream
= req.GetRequestStream();
// 发送表单参数
requestStream.Write(form_data, 0 , form_data.Length);
// 文件内容
byte [] buffer = new Byte[ checked (( uint )Math.Min( 4096 , ( int )fileStream.Length))];
int bytesRead = 0 ;
while ((bytesRead = fileStream.Read(buffer, 0 , buffer.Length)) != 0 )
requestStream.Write(buffer,
0 , bytesRead);
// 结尾
requestStream.Write(foot_data, 0 , foot_data.Length);
requestStream.Close();

// 响应
WebResponse pos = req.GetResponse();
StreamReader sr
= new StreamReader(pos.GetResponseStream(), Encoding.UTF8);
string html = sr.ReadToEnd().Trim();
sr.Close();
if (pos != null )
{
pos.Close();
pos
= null ;
}
if (req != null )
{
req
= null ;
}
return html;
}
 
 
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值