Microsoft PowerPoint - php5.ppt

Size: px

Start display at page:

Download "Microsoft PowerPoint - php5.ppt"

房垣严
5 years ago
Views:

1 進階 WWW 程式設計表單的處理靜宜大學資訊管理學系蔡奇偉副教授內容大綱前言基本步驟 Post 和 Get 傳送方式範例 : 表單的處理處理可複選的資料欄範例 : 核取方塊的處理範例 : 清單的處理檔案上傳 2

2 前言表單 ( form ) 提供網站與瀏覽者之間的互動管道首先, 瀏覽器把瀏覽者填入表單中的資料傳回網站, 然後, 網站伺服器呼叫預先指定的程式來處理這些表單資料, 最後, 網站伺服器把結果傳回給瀏覽器讓瀏覽者檢視許多 PHP 程式都與表單處理有關, 撰寫這類的 PHP 程式之前, 你必須先暸解底下的內容 : 1. 表單的 HTML 語法 2. PHP 語言的基本結構 3. 用 PHP 程式來處理表單的概念與技巧本章目的即教導各位上述的第 3 項內容 3 基本步驟製作用 PHP 程式來處理的表單時, 我們需要完成以下的設定 : form 元件中的 method 屬性用來指定表單資料的傳送方式為 GET 或 POST 把 form 元件中的 action 屬性設定成處理此表單的 PHP 程式的 URL 每一個表單資料元件都應該用 name 屬性來指定資料欄的名稱在 PHP 程式中, 我們可以用這名稱來存取對應的資料值在 PHP 程式中, 若傳送方式是 GET 的話, 表單資料存在全域對照陣列變數 $_GET 中若傳送方式是 POST 的話, 表單資料存在全域對照陣列變數 $_POST 中我們可以用資料欄的名稱當作鍵值從這些對照陣列中取出對應的資料值 4

Post 和 Get 傳送方式表單資料可以用 <FORM> 元件的 method 屬性來指定 Post 或 Get 傳回方式 Post 方式是把資料用符合 HTTP 通訊協定的格式, 以封包的形式傳回 WWW 伺服器這種方式適合傳送資料量比較大的表單 ( 譬如超過 1K bytes) Get 方式則是把表單資料附加在 action

3 Post 和 Get 傳送方式表單資料可以用 <FORM> 元件的 method 屬性來指定 Post 或 Get 傳回方式 Post 方式是把資料用符合 HTTP 通訊協定的格式, 以封包的形式傳回 WWW 伺服器這種方式適合傳送資料量比較大的表單 ( 譬如超過 1K bytes) Get 方式則是把表單資料附加在 action 屬性指定的 URL 後面, 傳回 WWW 伺服器由於 URL 的字元長度有限 ( 通常不得超過 1K bytes), 所以 Get 方式適合資料量少的表單除了資料量的差異外, 在安全性方面,Post 方式比 Get 方式來得好由於網路安全的考量因素, 我們建議你採用 Post 方式來傳送表單, 即使表單的資料並不多 5 範例 : 表單的處理 6

4 表單的 HTML 原始檔 : <form action="formex1.php" method="post"> <p> 姓 : <input type="text" name="lastname" size="4"> 名 : <input type="text" name="firstname" size="8"> </p> <p> 性別 : <input type="radio" name="sex" value="male"> 男 <input type="radio" name="sex" value="female"> 女 </p> <p> <input type="submit" name="submit" value=" 送出 "> <input type="reset" name="reset" value=" 重設 "> </p> 7 網頁說明用 POST 的方式來傳送表單資料 <form action="formex1.php" method="post"> 設定表單處理程式為同目錄中的 formex1.php <input type="text" name="lastname" size="4"> 設定輸入欄的名稱, 使 PHP 程式可以用這名稱來取得此欄的資料 <input type="radio" name="sex" value="male"> 設定此圓鈕欄的值若瀏覽者選取此圓鈕, 此值會回傳至 WWW 伺服器,PHP 程式因而可辨識出瀏覽者所選取的圓鈕為何 8

5 處理表單的 PHP 網頁 formex1.php <html> <head> <meta http-equiv="content-type" content="text/html; charset=big5"> <title> 處理表單範例一 </title> </head> <body> <?php $lastname = $_POST['lastname']; $sex = $_POST['sex']; echo '<p>'. $lastname. (($sex == 'male')? ' 先生 ' : ' 小姐 ' ). ' 歡迎光臨本站 </p>';?> </body> </html> 9 程式說明 $_POST 是 PHP 內建的一個對照陣列 (associative array), 其中儲存使用 POST 方法傳回的表單資料在本範例中, 若表單的輸入如右圖所示, 則 $_POST 內容如下 : lastname 陳 firstname 水扁 sex male 所以 $lastname = $_POST[ lastname ]; 這行程式的用意是取出表單中名稱為 lastname 輸入欄的值, 並存入變數 $lastname 中執行後, $lastname 的值將為陳 10

6 處理可複選的資料欄對 checkbox 或 select 這類允許複選的資料欄, 命名時你必須在命稱後加上 [] 譬如: <form action= checkbox.php method= POST > 你如何知道本公司 :<br> <input type= checkbox name= src[] value= magazine > 雜誌 <br> <input type= checkbox name= src[] value= paper > 報紙廣告 <br> <input type= checkbox name= src[] value= radio > 收音機在 checkbox.php 中, 變數 $_POST[ src ] 將是一個陣列, 而且其中存放瀏覽者所選取的項目值 11 範例 : 核取方塊的處理 <form name= checkbox action="checkbox.php" method="post"> <p> 你如何知道本公司 :</p> <p><input type="checkbox" name="src[] value="magazine"> 雜誌 </p> <p><input type="checkbox" name="src[]" value="paper"> 報紙廣告 </p> <p><input type="checkbox" name="src[]" value="radio"> 收音機 </p> <p> <input type="submit" name="submit value=" 上傳 "> <input type="reset" name="reset value=" 重置 "> </p> 12

7 處理表單的 PHP 網頁 checkbox.php <html> <head> <meta http-equiv="content-type" content="text/html; charset=big5"> <title> 處理表單範例一 </title> </head> <body> <p> 你從下列的來源得知本公司 : <?php foreach ($_POST['src'] as $item) echo " $item"; echo ' ';?> </body> </html> 13 瀏覽者選取雜誌和收音機後, 按上傳 PHP 程式執行後傳回來的結果 14

8 範例 : 清單的處理 <form name= select" method="post" action= select.php"> <p> 你熟悉下列那些程式語言 ( 可複選 ):</p> <p> <select name="proglang[]" size="5" multiple> <option value="c">c</option> <option value="c++">c++</option> <option value="perl">perl</option> <option value="php">php</option> <option value="java">java</option> </select> </p> <p> <input type="submit" name="submit" value=" 送出 "> <input name="reset" type="reset" id="reset" value=" 重設 "> </p> 15 處理表單的 PHP 網頁 select.php <html> <head> <meta http-equiv="content-type" content="text/html; charset=big5"> <title> 處理清單的 PHP 程式 </title> </head> <body> <p> 你熟悉下列的程式語言 : <?php foreach ($_POST['proglang'] as $item) echo " $item"; echo ' ';?> </body> </html> 16

9 瀏覽者選取 C, C++, 和 PHP 後, 按送出 PHP 程式執行後傳回來的結果 17 檔案上傳你可以用底下的設定方式來提供檔案上傳的介面 : 1. 把 <FORM> 元件中的 method 屬性設成 post( 因為檔案通常都比較大, 不適合用 get 方式來傳送 ) 2. 把 <FORM> 元件中的 enctype 屬性設成 multipart/form-data 3. 把 <FORM> 元件中的 action 屬性設成表單處理程式的 URL, 這個程式必須具備接收上傳檔案的能力 4. 把 <INPUT> 元件中的 type 屬性設成 file 你還可以用 <FORM> 元件的 accept 屬性來限定上傳檔案的篩選 18

"></p> 19 PHP 會把上傳檔案的屬性存在內建的二維陣列變數 $_FILES 中以前一頁的表單為例, 底下是 $_FILES 變數的內容 : $_FILES['uploadFile']['name'] 上傳檔案在客戶端電腦上原本的檔案名稱

10 <form name = upload method="post" action="upload.php enctype="multipart/form-data > <p> 上載檔案 :<input type="file" name= uploadfile"> </p> <p><input type="submit" name="submit" value=" 上載 "></p> 19 PHP 會把上傳檔案的屬性存在內建的二維陣列變數 $_FILES 中以前一頁的表單為例, 底下是 $_FILES 變數的內容 : $_FILES['uploadFile']['name'] 上傳檔案在客戶端電腦上原本的檔案名稱 $_FILES['uploadFile']['type'] 瀏覽器所提供的上傳檔案 MIME 型態資訊, 如 image/gif $_FILES['uploadFile']['size'] 上傳檔案的大小 ( 以 byte 為單位 ) $_FILES['uploadFile']['tmp_name'] 檔案上傳後存在伺服器的暫存檔案的路徑名稱 $_FILES['uploadFile']['error'] 檔案上傳發生錯誤時, 此欄存放錯誤碼 (error code) 資訊 20

11 處理檔案上傳的 PHP 程式通常可執行底下的兩種方案 : 方案一 : 先呼叫 PHP 的內建函式 is_uploaded_file($_files['uploadfile']['tmp_name']) 來確認上傳的檔案, 然後用 PHP 的檔案函式來進一步處理或轉換 $_FILES[ uploadfile ][ tmp_name ] 這個暫存檔方案二 : 呼叫 PHP 的內建函式 move_uploaded_file ($_FILES['uploadFile']['tmp_name'], /place/to/put/uploaded/file"); 把暫存檔移到適當的目錄中去存放 21 bool is_uploaded_file ( string filename ) Returns TRUE if the file named by filename was uploaded via HTTP POST. This is useful to help ensure that a malicious user hasn't tried to trick the script into working on files upon which it should not be working--for instance, /etc/passwd. This sort of check is especially important if there is any chance that anything done with uploaded files could reveal their contents to the user, or even to other users on the same system. 22

12 bool move_uploaded_file ( string filename, string destination ) This function checks to ensure that the file designated by filename is a valid upload file (meaning that it was uploaded via PHP's HTTP POST upload mechanism). If the file is valid, it will be moved to the filename given by destination. If filename is not a valid upload file, then no action will occur, and move_uploaded_file() will return FALSE. If filename is a valid upload file, but cannot be moved for some reason, no action will occur, and move_uploaded_file() will return FALSE. Additionally, a warning will be issued. This sort of check is especially important if there is any chance that anything done with uploaded files could reveal their contents to the user, or even to other users on the same system. 23 限制上傳檔案的大小 PHP 設定檔 (php.ini) 中的參數 upload_max_filesize 可用來限制上傳檔案的大小, 它的預設值是 2MB 此外, 你也可以用下列的方式 : <form name = upload method="post" action="upload.php enctype="multipart/form-data > <input type= hidden name= MAX_FILE_SIZE" value="1024"> <p> 上載檔案 :<input type="file" name= uploadfile"> </p> <p><input type="submit" name="submit" value=" 上載 "></p> 把目前上傳檔案的大小限制在 1KB 以內 24

13 上傳多個檔案 <form action="file-upload.php" method="post enctype="multipart/form-data"> Send these files:<br> <input name="userfile[]" type="file"><br> <input name="userfile[]" type="file"><br> <input type="submit" value="send files"> 假定上傳的檔案先後是 /tmp/review.html 和 /tmp/xwp.out 則 $_FILES[ userfile ][ name ][0] 的內容是 review.html $_FILES[ userfile ][ name ][1] 的內容是 xwp.out 其它的上傳檔案屬性可依此類推 25

Microsoft PowerPoint - P766Ch09.ppt

Microsoft PowerPoint - P766Ch09.ppt PHP5&MySQL 程式設計第 9 章在網頁之間傳遞資訊 9-1 蒐集網頁上的資訊 9-1-1 建立表單一決定要蒐集的資訊二建立表單三撰寫表單處理程式單行文字方塊多行文字方塊選擇鈕核取方塊下拉式功能表按鈕密碼欄位 ... 標籤 ACCEPT-CHARSET="... CHARSET="... ACCEPT="... ACTION="URL URL"