<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title="使用FormData对象提交表单及上传图片的方法（php+html5）" id="card1">
<p> 游客</p><p>
标题:使用FormData对象提交表单及上传图片的方法（php+html5）<br/>
正文:<br/>
今天分享一下：php+html5使用FormData对象提交表单及上传图片的方法。具体分析如下：FormData 对象，可以把form中所有表单元素的name与value组成一个queryString，提交到后台。在使用Ajax提交时，使用FormData对象可以减少拼接queryString的工作量。使用FormData对象1.创建一个FormData空对象，然后使用append方法添加key/value代码如下:var formdata = new FormData();  <br/> formdata.append('name','fdipzone');  <br/> formdata.append('gender','male');2.取得form对象，作为参数传入到FormData对象代码如下:&amp;lt;form name=&quot;form1&quot; id=&quot;form1&quot;&amp;gt;  <br/> &amp;lt;input type=&quot;text&quot; name=&quot;name&quot; value=&quot;fdipzone&quot;&amp;gt;  <br/> &amp;lt;input type=&quot;text&quot; name=&quot;gender&quot; value=&quot;male&quot;&amp;gt;  <br/> &amp;lt;/form&amp;gt; 代码如下:var form = document.getElementById('form1');  <br/> var formdata = new FormData(form);使用FormData提交表单及上传文件：代码如下:&amp;lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;&amp;gt;  <br/> &amp;lt;html&amp;gt;  <br/>  &amp;lt;head&amp;gt;  <br/>   &amp;lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=utf-8&quot;&amp;gt;  <br/>   &amp;lt;title&amp;gt; FormData Demo &amp;lt;/title&amp;gt;  <br/>   &amp;lt;script sr<br/><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=2055&amp;Page=1">[&lt;&lt;]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=2055&amp;Page=1">[[1]]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=2055&amp;Page=2">[2]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=2055&amp;Page=3">[3]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=2055&amp;Page=6">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=2055">查看评论(0)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=2055">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://camnpr.com/wap.asp">首页</a>
</p>
</card>
</wml>