Board logo

標題: [教學] 資料庫圖片存取 [打印本頁]
作者: 小誌    時間: 2010-6-14 01:20     標題: 資料庫圖片存取

不知道為什麼，大家似乎對於如何將如片檔案塞到資料庫很感興趣！因為一旦將圖片檔放入資料庫後，不僅資料庫的負擔變的很重，而且，若要對圖片檔加以編修是很困難的。

既然大家想知道，小誌就介紹如何將圖片檔存入資料庫吧！

本範例將圖片檔資料建立於SQL資料庫中，這個「圖片」資料庫我們定名為「pic」，而在資料庫中用來圖片檔案資料的資料表則定名為「myimage」。

在「myimage」資料表中，我們建立了五個欄位：idno、filename、filesize、filetype、filepic，其欄位設定說明如下：

欄位名稱資料型態資料長度允許Null說明
idnoint4否資料序號(自動遞增)
filenamevarchar50是檔案名稱
filesizeint4是檔案大小
filetypevarchar50是檔案類型
filepictext16是檔案內容


[attach]1275[/attach]
放置圖片檔案內容的欄位「filepic」，其資料型別可以是Image或Text，兩者皆可放置大型的二進制資料檔，在本例中，小誌選擇使用Text資料型別。

以下是上傳圖片檔案的網頁內容，小誌應該不用多做解釋了吧！
upload_pic.php
  1. <HTML>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=big5">
  4. <title>圖片檔案上傳</title>
  5. </head>
  6. <BODY>
  7. <H3>圖片檔案上傳:(存入資料庫)<HR></H3>

  9. <Form Action="mygetfile_pic.php" Method="POST"
  10. Enctype="multipart/form-data">
  11. <Input Type="File" Name="upfile" ><br>
  12. <Input Type="Submit" value=" 開始上傳 ">
  13. </Form>

  15. </BODY></HTML>
複製代碼
[attach]1276[/attach]
作者: 小誌    時間: 2010-6-14 01:32

處理上傳的圖片檔案：

上傳檔案的基礎處理大家看清楚了，第一個重點是如何讀取圖片檔案內的資料，要讀取圖片檔案資料，首先的使用檔案處理函數群：fopen()、fread()、filesize()、fclose()等函數：
  1. //開啟圖片檔
  2. $file = fopen($_FILES["upfile"]["tmp_name"], "rb");
  3. // 讀入圖片檔資料
  4. $fileContents = fread($file, filesize($_FILES["upfile"]["tmp_name"]));
  5. //關閉圖片檔
  6. fclose($file);
複製代碼
第二個重點是：讀取出來的圖片資料必須使用base64_encode()函數加以編碼：
  1. // 圖片檔案資料編碼
  2.   $fileContents = base64_encode($fileContents);
複製代碼
編碼的目的在確保圖片資料的正確性。

那如何將上傳檔案的資訊寫入資料庫？不需特別處理，依照我們之前學過的，利用Insert Into命令寫入即可：
  1. //連結SQL Server
  2. $dbnum=mssql_connect("127.0.0.1","sa","12345");
  3. //選取資料庫
  4. mssql_select_db("pic");
  5. //組合查詢字串
  6.         $SQLSTR="Insert into myimage (filename,filesize,filetype,filepic) values('"
  7.                   . $_FILES["upfile"]["name"] . "',"
  8.                   . $_FILES["upfile"]["size"] . ",'"
  9.                   . $_FILES["upfile"]["type"] . "','"
  10.                   . $fileContents . "')";
複製代碼
別忘了還要檢查一下上傳的圖片檔案大小是否為0，不然可是會發生錯誤喔！
mygetfile_pic.php
  1. <HTML>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=big5">
  4. <title>圖片檔案上傳</title>
  5. </head><BODY><H3>圖檔存入相關資訊：<HR></H3>

  7. <?
  8.       echo "<BLOCKQUOTE>";
  9.       echo "檔案名稱：" . $_FILES["upfile"]["name"] . "<BR>";
  10.       echo "檔案大小：" . $_FILES["upfile"]["size"] . "<BR>";
  11.       echo "檔案類型：" . $_FILES["upfile"]["type"] . "<BR>";
  12.       echo "暫存檔名：" . $_FILES["upfile"]["tmp_name"] . "<BR>";
  13.       if ( $_FILES["upfile"]["size"] > 0 )
  14.         {
  15.          //開啟圖片檔
  16.          $file = fopen($_FILES["upfile"]["tmp_name"], "rb");
  17.          // 讀入圖片檔資料
  18.          $fileContents = fread($file, filesize($_FILES["upfile"]["tmp_name"]));
  19.          //關閉圖片檔
  20.          fclose($file);

  22.          // 圖片檔案資料編碼
  23.          $fileContents = base64_encode($fileContents);

  25.          //連結SQL Server
  26.          $dbnum=mssql_connect("127.0.0.1","sa","12345");
  27.          //選取資料庫
  28.          mssql_select_db("pic");
  29.          //組合查詢字串
  30.          $SQLSTR="Insert into myimage (filename,filesize,filetype,filepic) values('"
  31.                   . $_FILES["upfile"]["name"] . "',"
  32.                   . $_FILES["upfile"]["size"] . ",'"
  33.                   . $_FILES["upfile"]["type"] . "','"
  34.                   . $fileContents . "')";
  35.          //將圖片檔案資料寫入資料庫
  36.          if(!mssql_query($SQLSTR)==0)
  37.            {
  38.             echo "您所上傳的檔案已儲存進入資料庫<a href=\"showpic.php?filename="
  39.                  . $_FILES["upfile"]["name"] . "\">"
  40.                  . $_FILES["upfile"]["name"] . "</a>";
  41.            }
  42.          else
  43.            {
  44.             echo "您所上傳的檔案無法儲存進入資料庫";
  45.            }
  46.         }
  47.       else
  48.         {
  49.          echo "圖片上傳失敗";
  50.         }
  51.       echo "</BLOCKQUOTE>";
  52. ?>

  54. <HR></BODY></HTML>
複製代碼
為了能讓使用者能看到自己上傳的圖片檔，我們還加了一個超連結連結到圖片顯示網頁去，程式碼38~40行，超鏈結的「filename」參數就是用來提取圖片的依據。

[attach]1277[/attach]
作者: 小誌    時間: 2010-6-14 01:36

瀏覽資料庫的圖片檔案：

要顯示圖片第一重要的是設定網頁的MIME類型，也就是網頁顯示的資料格式為何，如我們上傳的圖片檔案為*.gif，則我們要設定網頁資料的格式類型為「image/gif」，要如何設定網頁資料的格式類型？使用header()就行了：
  1. //設定網頁資料格式
  2. header("Content-Type: 格式類型");
複製代碼
可是，我們怎知道要顯示出來的圖片資料是哪一種資料類型？別擔心！我們在將圖片檔案存入資料庫時不是有一個欄位「filetype」，其內容不是就是上傳檔案的資料類型（$_FILES["upfile"]["type"]）嗎？直接拿來用就是了！

第二個要注意的是：當我們將圖片檔案內容存入資料庫時，使用base64_encode()函數加以編碼，因此，在取出圖片檔資料後，顯示圖片檔之前，要先用base64_decode()函數將資料還原！

showpic.php
  1. <?
  2. $dbnum=mssql_connect("127.0.0.1","sa","12345");
  3. //選取資料庫
  4. mssql_select_db("pic");
  5. //組合查詢字串
  6. $SQLSTR="select filepic,filetype from myimage where filename='"
  7.          . $_REQUEST["filename"] . "'";
  8. //
  9. $cur=mssql_query($SQLSTR);
  10. //取出資料
  11. $data=mssql_fetch_array( $cur );

  13. //設定網頁資料格式
  14. header("Content-Type: $data[1]");
  15. // 輸出圖片資料
  16. echo base64_decode($data[0]);
  17. ?>
複製代碼
[attach]1278[/attach]


完整 資料庫圖片存取範例壓縮檔下載:[attach]1280[/attach]
作者: jacky790325    時間: 2011-7-11 15:28

大部分看得懂版主的話....但是在2樓的 處理上傳的圖片檔案 中...3個步驟是寫在前一個php裡面嗎?
我感覺怪怪的...不清楚要另外include到另一個檔是不是...
debug中
作者: c_c_lai    時間: 2012-4-30 07:42

回復 3# 小誌
回復 4# jacky790325
根據程式的執行順序應該是：
Upload_Pic.php  ->  mygetfile_pic.php  -> show.php  (可能改名稱了 > ShowPic.php)
作者: thunder5288    時間: 2013-11-10 11:26

請問您~
如果要點一次瀏覽就選擇很多張圖片再上傳到mysql
而不是像那種很多個瀏覽，要一次選一張，選很多次再傳的那種
這樣要怎麼做呢?拜託幫忙一下!!!!!
作者: wendy13231    時間: 2014-1-22 02:50

感謝分享，給了我很大的幫助

但是如果是要將已經上傳到資料庫中的圖片刪除的話
要如何做呢?
我是新手不好意思@@



歡迎光臨 麻辣家族討論版版 (http://forum.twbts.com/)