php html5使用上传对象提交表单及上传图片的方法

本文实例讲述了php html5使用上传对象提交表单及上传图片的方法。分享给大家供大家参考。具体分析如下：

上传对象，可以把形式中所有表单元素的名字与价值组成一个queryString，提交到后台。在使用埃阿斯提交时，使用上传对象可以减少拼接参数的工作量。

使用上传对象

1.创建一个上传空对象，然后使用附加方法添加密钥/值复制代码代码如下： var表单数据=新表单数据()；formdata.append('name '，' fdipzone ')；formdata.append('性别','男性');

2.取得形式对象，作为参数传入到上传对象复制代码代码如下：表单名称='form1' id='form1 '输入类型='text' name='name '值='fdipzone '输入类型='text '名称='gender '值='男性'/形式复制代码代码如下： var表单=文档。getelementbyid(' form 1 ')；var formdata=new FormData(表单);

使用上传提交表单及上传文件：

复制代码代码如下：DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN ' HTML head meta http-equiv=' content-type ' content=' text/HTML；charset=utf-8 ' title FormData Demo/title script src=' http :/js/jquery-1。11 .0 .量滴js/script脚本类型=' text/JavaScript '！-function fsubmit(){ var data=new FormData($(“# form 1”)[0])；$.ajax({ url: 'server.php '，type: 'POST '，data: data，dataType: 'JSON '，cache: false，processData: false，contentType: false }).done(function(ret){ if(ret [' issuess ']){ var result=' '；结果=' name=' ret[' name ']' br '；结果=' gender=' ret[' gender ']' br '；结果=' img src=' http : ' ret[' photo ']' width=' 100 '；$(“# result”).html(结果);}else{ alert('提交失敗');} });返回false }-/脚本/头体表单名称=' form 1 ' id=' form 1 ' pname :输入类型=' text ' name=' name '/p pgender :输入类型=' radio ' name=' gender ' value=' 1 '男性输入类型='radio '名称='gender '值='2 '女性/p p photo :输入类型=' file ' name=' photo ' id=' photo '/p pinput type=' button ' name=' B1 ' value=' submit ' onc '

server.php如下：复制代码代码如下：php $name=isset($_POST['name'])？$ _ POST[' name ']: " "；$gender=isset($_POST['gender'])？$_POST['性别']:"";$filename=时间()。substr($ _ FILES[' photo '][' name ']，str pos($ _ FILES[' photo '][' name ']，' ')；$ response=array()；if(move _ uploaded _ file($ _ FILES[' photo '][' tmp _ name ']，$ filename)){ $ response[' issus ']=true；$ response[' name ']=$ name；$ response[' gender ']=$ gender；$ response[' photo ']=$ filename；} else { $ response[' issuess ']=false；} echo JSON _ encode($ response)；

运行效果如下图所示：

希望本文所述对大家的服务器端编程语言(专业超文本预处理器的缩写)程序设计有所帮助。