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

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

這篇文章主要介紹了php+html5使用FormData對象提交表單及上傳圖片的方法,執行個體分析了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如下：

代碼如下:

$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/956980.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/956980.htmlTechArticlephp+html5使用FormData對象提交表單及上傳圖片的方法 這篇文章主要介紹了php+html5使用FormData對象提交表單及上傳圖片的方法,執行個體分析了FormDa...

