php+html5使用FormData對象提交表單及上傳圖片的方法，_PHP教程

php+html5使用FormData對象提交表單及上傳圖片的方法，

本文執行個體講述了php+html5使用FormData對象提交表單及上傳圖片的方法。分享給大家供大家參考。具體分析如下：

FormData 對象，可以把form中所有表單元素的name與value組成一個queryString，提交到後台。在使用Ajax提交時，使用FormData對象可以減少拼接queryString的工作量。

使用FormData對象

1.建立一個FormDataNull 物件，然後使用append方法添加key/value
複製代碼 代碼如下:var formdata = new FormData();
formdata.append('name','fdipzone');
formdata.append('gender','male');

2.取得form對象，作為參數傳入到FormData對象
複製代碼 代碼如下:
複製代碼 代碼如下:var form = document.getElementById('form1');
var formdata = new FormData(form);

使用FormData提交表單及上傳檔案：

複製代碼 代碼如下:



FormData Demo

server.php如下：
複製代碼 代碼如下:<?php
$name = isset($_POST['name'])? $_POST['name'] : '';
$gender = isset($_POST['gender'])? $_POST['gender'] : '';
$filename = time().substr($_FILES['photo']['name'], strrpos($_FILES['photo']['name'],'.'));
$response = array();
if(move_uploaded_file($_FILES['photo']['tmp_name'], $filename)){
$response['isSuccess'] = true;
$response['name'] = $name;
$response['gender'] = $gender;
$response['photo'] = $filename;
}else{
$response['isSuccess'] = false;
}
echo json_encode($response);
?>

運行效果如所示：

希望本文所述對大家的php程式設計有所協助。

http://www.bkjia.com/PHPjc/957143.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/957143.htmlTechArticlephp+html5使用FormData對象提交表單及上傳圖片的方法， 本文執行個體講述了php+html5使用FormData對象提交表單及上傳圖片的方法。分享給大家供大家...

