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

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 プログラミング設計に役立つことを願っています。

http://www.bkjia.com/PHPjc/957143.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/957143.html技術記事 php+html5 は FormData オブジェクトを使用してフォームを送信し、画像をアップロードします。 この記事では、php+html5 が FormData オブジェクトを使用してフォームを送信し、画像をアップロードする方法を説明します。みんなのためにみんなでシェアしましょう...