PHP結合HTML5使用FormData對象提交表單及上傳圖片

本文是一篇關於PHP結合HTML5使用FormData對象提交表單及上傳圖片的文章。我們一起來了解下，希望對您有所幫助。

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

使用FormData對象

1.創建一個FormData空對象，然後使用append方法添加key/value

var formdata = new FormData();

formdata.append('name','fdipzone');

formdata.append('gender','male');

2.取得form對象，作為參數傳入到FormData對象

$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結合HTML5使用FormData對象提交表單及上傳圖片的介紹，感謝您的關注。