FormData オブジェクトを使用して php+html5 でフォームを送信し、画像をアップロードする方法、

FormData オブジェクトを使用して php+html5 でフォームを送信し、画像をアップロードする方法、_PHP チュートリアル

WBOY

リリース： 2016-07-13 10:06:46

オリジナル

834 人が閲覧しました

php+html5 は FormData オブジェクトを使用してフォームを送信し、画像をアップロードします。

この記事の例では、FormData オブジェクトを使用して php+html5 でフォームを送信し、画像をアップロードする方法を説明します。参考のためにみんなで共有してください。具体的な分析は次のとおりです:

FormData オブジェクトは、フォーム内のすべてのフォーム要素の名前と値をクエリ文字列に結合し、バックグラウンドに送信できます。 Ajax を使用して送信する場合、FormData オブジェクトを使用すると、queryString を結合する作業負荷を軽減できます。

FormDataオブジェクトを使用する

1. 空の FormData オブジェクトを作成し、append メソッドを使用してキー/値を追加します

コードをコピーしますコードは次のとおりです:

var formdata = new FormData(); formdata.append('name','fdipzone'); formdata.append('性別','男性');

2. フォームオブジェクトを取得し、パラメータとして FormData オブジェクトに渡します

コードをコピーしますコードは次のとおりです:

コードをコピーします

コードは次のとおりです:

var form = document.getElementById('form1'); var formdata = 新しい FormData(form);

FormData を使用してフォームを送信し、ファイルをアップロードします:

コードをコピーします

コードは次のとおりです:

<タイトル> FormData デモ

<スクリプトタイプ="text/javascript">

    <フォーム名="フォーム1" id="フォーム1">

名前:

性別:男性女性

写真:

server.php如下：

复制代価代価如下:

$name = isset($_POST['name'])? $_POST['名前'] : '';
$gender = isset($_POST['gender'])? $_POST['性別'] : '';
$filename = time().substr($_FILES['写真']['名前'], strrpos($_FILES['写真']['名前'],'.'));
$response = array();
if(move_uploaded_file($_FILES['photo']['tmp_name'], $filename)){
    $response['isSuccess'] = true;
    $response['name'] = $name;
    $response['gender'] = $gender;
    $response['写真'] = $ファイル名;
}その他{
    $response['isSuccess'] = false;
}
エコー json_encode($response);
?>

操作効果は以下の図に示されています:

この記事で説明した内容が皆様の PHP プログラミング設計に役立つことを願っています。