Presentation is loading. Please wait.

Presentation is loading. Please wait.

PHP+MySQL互動式網頁程式設計班 檔案上傳程式設計 講師:林業峻 CSIE, NTU 7 / 3, 2010.

Similar presentations


Presentation on theme: "PHP+MySQL互動式網頁程式設計班 檔案上傳程式設計 講師:林業峻 CSIE, NTU 7 / 3, 2010."— Presentation transcript:

1 PHP+MySQL互動式網頁程式設計班 檔案上傳程式設計 講師:林業峻 CSIE, NTU 7 / 3, 2010

2 課程大綱 HTML表單元件:檔案上傳 PHP檔案上傳相關語法 使用MySQL管理上傳檔案 下載來自MySQL的檔案

3 使用網頁上傳檔案的原理 HTML提供了檔案上傳的表單元件,提供使用者使 用表單將檔案傳到網站主機。
網站可透過PHP程式接收檔案相關資訊,並將檔 案搬到網頁資料夾以供使用者連結。 送出網址 +表單內容 暫存檔 新檔名.jpg .htm (.php) 表單 .php 處理表單 回傳php輸出資料 網站 個人電腦 網站伺服器

4 HTML表單:檔案上傳 當表單中有需要用到檔案上傳時,method要用 POST ,且需要把form裡的enctype設為 multipart/form-data。 HTML語法: <form method="POST" enctype="multipart/form-data" action="目標頁面" > <input…> </form> 補充說明: enctype中有兩種屬性 application/x-www-form-urlencoded (預設值) multipart/form-data (檔案上傳用)

5 表單元件:檔案上傳 使用時機:用來上傳一個檔案到網站電腦。 語法: 運作: <input type="file">
name: 元件名稱 size: 字元寬度 運作: 將元件名稱name的本機檔案內容以POST方式將二進位檔傳 送到網站主機。 <html> <head><title>PHP範例程式</title></head> <body> <form method="POST" enctype="multipart/form-data" action="file_action.php"> <input type="file" name="F1" size="20"><br> <input type="submit" value="送出" name="B1"><br> </form> </body> </html>

6 課程大綱 HTML表單元件:檔案上傳 PHP檔案上傳相關語法 使用MySQL管理上傳檔案 下載來自MySQL的檔案

7 PHP接收檔案的步驟 使用超級全域變數取得檔案資訊 判斷檔案是否存在? 否:直接將暫存檔搬動到目前網頁所在地並回復檔名
是:後續處理 (顯示上傳失敗, 覆蓋檔案, 修改檔名)

8 STEP1: 超級全域變數$_FILES 使用超級全域變數$_FILES來取得檔案資料 檔案屬性 使用範例:檔案F1之檔案資訊如下
用來接收來自表單的檔案上傳表單元件所指定的檔案 檔案屬性 name: 檔案名稱 type: 檔案類型 size: 檔案大小 tmp_name: 暫存檔名稱 使用範例:檔案F1之檔案資訊如下 $_FILES['F1']['name'] $_FILES['F1']['type'] $_FILES['F1']['size'] $_FILES['F1']['tmp_name']

9 範例 chap07/files.htm files_action.php files.htm <html>
<head><title>PHP範例程式</title></head> <body> <form method="POST" enctype="multipart/form-data" action="file_action.php"> <input type="file" name="F1" size="20"><br> <input type="submit" value="送出" name="B1"><br> </form> </body> </html> files_action.php <html> <head><title>PHP範例程式</title></head> <body> <? $F1_name = $_FILES['F1']['name']; $F1_type = $_FILES['F1']['type']; $F1_size = $_FILES['F1']['size']; $F1_tmp_name = $_FILES['F1']['tmp_name']; echo "檔案名稱:$F1_name<br>"; echo "檔案類型:$F1_type<br>"; echo "檔案大小:$F1_size<br>"; echo "暫存檔名稱:$F1_tmp_name<br>"; ?> </body> </html> files.htm

10 STEP2: 判斷檔案是否存在 如果同一個檔名的檔案已經存在於網站資料夾中 ,會造成資料直接被覆蓋。因此需要檢察看看檔 案是否存在,再做進一步的處理。 PHP判斷檔案是否存在之函式 file_exists("檔案名稱")

11 搬動暫存檔並回復檔名 經由網頁上傳的檔案,系統會先將它重新取個名 字放在電腦的某個地方,我們需要用程式將它搬 到網站的資料夾。
PHP搬動暫存檔到網站並回復檔名之函式 move_uploaded_file ("暫存檔名","檔案名稱")

12 範例 chap07/file_move.htm file_move.htm file_move_action.php
<html> <head><title>PHP範例程式</title></head> <body> <form method="POST" enctype="multipart/form-data" action="file_move_action.php"> <input type="file" name="F1" size="20"><br> <input type="submit" value="送出" name="B1"><br> </form> </body> </html> <html> <head><title>PHP範例程式</title></head> <body> <? $F1_name = $_FILES['F1']['name']; $F1_type = $_FILES['F1']['type']; $F1_size = $_FILES['F1']['size']; $F1_tmp_name = $_FILES['F1']['tmp_name']; if( file_exists("file/$F1_name" )) { echo "檔案已存在"; } else move_uploaded_file($F1_tmp_name, "file/$F1_name"); echo "檔案上傳完畢"; ?> </body> </html> file_move.htm file_move_action.php

13 檔案已存在的後續處理 如果同檔名的檔案已經存在於網站資料夾中,程 式設計師可以依照情況選擇用下面三種方法處理
顯示上傳失敗 覆蓋檔案 修改檔名 顯示上傳失敗可以直接用echo印出訊息 覆蓋檔案則直接用move_uploaded_file 其中我們來看修改檔名該如何處理

14 修改檔名 如果同檔名的檔案已經存在於網站資料夾中,我 們可以用下面方法對檔名開頭加註一個編號。 $i = 1; 新檔名 = 原檔名;
while(1) { if (新檔名之檔案存在) 新檔名 = 原檔名開頭加一個編號 $i ; $i 遞增1; } else 搬動暫存檔到網站並給目前產生的檔名; 離開迴圈;

15 範例 chap07/file_rename.htm file_rename.htm file_rename_action.php
<html> <head><title>PHP範例程式</title></head> <body> <? $F1_name = $_FILES['F1']['name']; $F1_type = $_FILES['F1']['type']; $F1_size = $_FILES['F1']['size']; $F1_tmp_name = $_FILES['F1']['tmp_name']; $i=1; $F1_name_new = $F1_name; while(1) { if( file_exists("file/$F1_name_new") ) $F1_name_new = $i . "_" . $F1_name; $i++; } else move_uploaded_file($F1_tmp_name, "file/$F1_name_new"); break; echo "檔案上傳完畢, 檔名: $F1_name_new"; ?> </body> </html> <html> <head><title>PHP範例程式</title></head> <body> <form method="POST" enctype="multipart/form-data" action="file_rename_action.php"> <input type="file" name="F1" size="20"><br> <input type="submit" value="送出" name="B1"><br> </form> </body> </html> file_rename.htm file_rename_action.php

16 練習 試著使用PHP將上一章的通訊錄之新增功能改成 可以上傳使用者圖片,並將檔名能夠插入MySQL 之addressbook資料表中。

17 課程大綱 HTML表單元件:檔案上傳 PHP檔案上傳相關語法 使用MySQL管理上傳檔案 下載來自MySQL的檔案

18 使用MySQL管理檔案 使用PHP+MySQL建立一個線上檔案管理系統。
範例:chap07/document.php

19 使用MySQL管理上傳檔案 使用步驟 建立MySQL檔案上傳資料表 建立HTML檔案上傳表單網頁 使用PHP接收並處理檔案

20 STEP1: MySQL檔案上傳資料表 在MySQL中,建立一個document資料表,其中 欄位包括: sn: 資料序號
name: 檔案名稱 type: 檔案類型 size: 檔案大小 title: 檔案說明 file: 檔案內容

21 BLOB類型 在MySQL中,使用BLOB來存取一個檔案,其中 相關類似包括: PHP預設最大上傳檔案大小為2MB
TINYBLOB: 最大容量255Bytes BLOB: 最大容量約64KB MEDIUMBLOB: 最大容量約16MB LONGBLOB: 最大容量約4GB PHP預設最大上傳檔案大小為2MB

22 STEP2: HTML檔案上傳表單網頁 在HTML表單中,建立一個檔案上傳元件、文字方 塊、送出按鈕: 檔案上傳: name=F1
文字方塊: name=T1 送出按鈕: name=B1 (按鈕名稱無所謂,之後用不到) (chap07/document_add.php)

23 STEP3: PHP接收並處理檔案 使用超級全域變數$_FILES接收檔案資訊。
這次我們不使用資料搬動的方式,而是要將暫存 檔以二進位檔方式讀出再傳到MySQL PHP二進位開檔與讀檔之函式 $fd = fopen("檔案名稱", "rb") 將檔案以二進位讀取模式(rb), 以檔案識別變數開啟 $file = fread($fd, 檔案大小) 將檔案識別變數所代表的檔案讀出指定單位大小放到$file變數中 PHP將檔案中之特殊字元前加入'\'之函式 $file = addslashes($file) 資料要傳到MySQL是透過SQL語法,如同之前所說在字串的雙引號中, 有些文字代表特殊效果,所以需要在前加 \ 例如: $, ", ', \, ...

24 STEP4: 插入MySQL表單 資料準備就讀後,呼叫mysql_query用SQL之 INSERT命令把資料傳到MySQL中的資料表中即可 完全檔案上傳之動作 (程式碼見: chap07/document_add_action.php)

25 課程大綱 HTML表單元件:檔案上傳 PHP檔案上傳相關語法 使用MySQL管理上傳檔案 下載來自MySQL的檔案

26 還原MySQL中的檔案 當使用者想透過網頁將檔案讀出時,程式設計師 必須使用PHP將MySQL中的檔案讀出,並還原當 初使用者上傳之檔名讓使用者下載。 PHP產生網頁標頭之函式 header("內容"); 有用的範例 通知網頁瀏覽器以某檔案類型開啟此檔 header("Content-type: 檔案類型"); 回復檔案名稱並以提供下載 header("Content-Disposition: attachment; filename=檔案名稱"); (程式碼見: chap07/document_download.php)


Download ppt "PHP+MySQL互動式網頁程式設計班 檔案上傳程式設計 講師:林業峻 CSIE, NTU 7 / 3, 2010."

Similar presentations


Ads by Google