2010年1月15日

檔案上傳-Dreamweaver外掛篇(PHP篇1)

對於初學者或有一定程式設計經驗的朋友來說,檔案上傳在以前來說並不件輕鬆的事,尤其要搭AJAX來使用難度更高,有鑑於此YOGO在此介紹一個由「織夢線上-茶米站長」開發的「PHP+AJAX檔案上傳程式 <eDAjaxPHPUpload.mxp」,好用度與方便度都是100分,YOGO這篇就以這個外掛來作PHP+AJAX檔案上傳程式的範例。

檔案名稱:PHP+AJAX檔案上傳程式 <eDAjaxPHPUpload.mxp>
擴充類型:伺服器行為
支援語言:PHP
程式作者:茶米站長@織夢線上
官方網址:
http://www.dreamweaver.com.tw

首先用Dreamweaver定義一個新的「網站定義」,若不知道如何用Dreamweaver定義一個新的「網站定義」的話,請參考YOGO之前寫的「Dreamweaver網站定義」這篇教學,在此不在贅述。

首先在擴充程式上按二下。01
 然後按一下「接受」02 接著若可以看到如下圖的使用說明,表示外掛已安裝成功。
03 接著開啟一個新的PHP檔。
04然後按一下「表單圖示」,來新增一個表單。
05 接著再按一下「文字欄為圖示」,來新增一個文字欄位。
06「ID欄位」中填入「uptext」,然後按一下「確定」
07再來點選「伺服器行為」 –> 「eDreamer」-->「PHPAjax檔案上傳」
08第一個欄位是設定檔案上傳後要存放的位置,因為我們打算放在網站的根目錄底下,所以維持「/」就可以了,再來第二個欄位為表單按鈕名稱,可以任意命名但「不能與其他ID名稱重覆」,這裡我們填入「sendup」,第三個欄位為上傳檔案後,要顯示上傳檔案名稱的欄位,需與之前我們設定的文字欄位名稱相同,所以這裡我們填入「uptext」,然後按一下「確定」
09一切都完成後的畫面如下,然後將檔案存檔成「index.php」
10接著開啟瀏覽器,並在網址列輸入「localhost」,並按一下「上傳」
11
 接著選取要上傳的檔案,然後按一下「開啟舊檔」
12
 檔案上傳完成後可以看到「文字欄位」中,出現剛上傳的檔案名稱。13
再來到網站根目錄底下,果然看到我們剛上傳的檔案。14

這個外掛不論是實用度或方便度都是一百分,至於要如何取得這個外掛呢?且聽YOGO道來,這個外掛是收錄在「文淵閣」最新大作,「挑戰Dreamweaver CS4互動網站百寶箱:使用PHP」一書中的隨書光碟裡,建議有興趣的朋友可以去買一本回來學習,書中的教學不但實用且精彩,隨書光碟內又附贈很多「文淵閣」自己開發的好用外掛,是一本值得一買的好書,下面為這本書的相關資訊,有興趣的朋友可參考一下。

如果覺得這篇文章對您有所幫助,在觀看完文章之餘,希望能點選下方方廣告,當作是對YOGO的支持,讓YOGO更有寫作的動力。


[好書推薦]挑戰Dreamweaver CS4互動網站百寶箱:使用PHP

內容簡介

立即體驗Dreamweaver CS4 在互動網站與資料庫使用的傑出表現,製作出與眾不同、功能強大的互動網站!

本書堅持文淵閣 「挑戰」 系列叢書一貫之理念-向上提升、向下紮根,帶領您體驗Dreamweaver CS4 在互動網站與資料庫使用上的傑出表現。書中將利用一個個實用的範例詳細說明 Dreamweaver CS4 使用 PHP 語法在互動網站的實務應用,絕對讓您在實際的操作中,製作出與眾不同、功能強大的互動網站!

獨家內容:

影音教學檔:提供 4~12 章之範例實作教學影片,邊看邊學,大幅提昇學習效果。

流程圖:透過精心繪製的流程圖說明,更能了解程式的運作方式。

程式資料表:程式基本資料表中整理了設定的細節,操作範例時將更為方便。

擴充程式:提供17個強大的擴充程式,瞬間提升作品層次,在單純設定中完成複雜操作與程式碼的編寫。

概念篇

第 01 章 互動網站的織夢高手
認識這個世界占有率極高的網頁編輯軟體,並介紹互動網站的原理與優勢。

第 02 章 打造互動網站的運作環境
全面而深入說明在製作互動網站前的準備動作與伺服器安裝。

第 03 章 MySQL 資料庫的使用與互動網站的定義
詳細介紹 MySQL 資料庫的安裝設定,並利用 phpMyAdmin 進行管理的方式,進而說明在網頁中連結資料庫的方式,引導讀者感受互動網站的境界。

基礎篇

第 04 章 新聞公告系統的製作
使用 Dreamweaver 開發一個完整的新聞公告系統,在這個範例中充份練習互動網頁製作的基本技巧。

第 05 章 網站留言版的製作
網站留言版與新聞系統不同之處在於網站的內容並不是由管理者建置,而是一般瀏覽者留言,所以在過濾及檢查留言內容時就十分重要。

應用篇

第 06 章 網站計數器及線上人數的製作
網站計數器的製作重點在於統計資料庫中的資料,再由程式繫結顯示在頁面上。線上人數的製作重點在於使用檔案做為記錄標的,利用程式進行檔案寫入的動作。

第 07 章 線上郵寄程式的製作
線上郵寄程式是目前互動網站中相當重要的功能,製作重點在於 SMTP 伺服器的使用與程式碼的互動。

第 08 章 網站會員系統的製作
會員系統在互動網站中有著十分重要的地位,會員的收集與資料使用,對於網站經營有舉足輕重的影響。會員程式的困難除了由資料庫中記錄登入者的資料外,還必須依照其權限管理會員可以使用的功能與頁面。

進階篇

第 09 章 網路相簿程式的製作
隨著數位相機的流行,藉由網站相簿與他人分享的風氣也越來越盛。在網站相簿的設計上,最重要的是使用程式上傳檔案及管理檔案的動作。

第 10 章 網站部落格程式的製作
部落格程式開發時除了注重關聯式資料庫的加入,主題與時間分類方式更加強了程式的應用彈性,收集回應並共同營造內容,加強人與人之間的互動。

第 11 章 互動討論區的製作
討論區是完全以主題為排序的依據,除了發表主題,也可回應其他主題參與討論。討論區十分重視關聯式資料庫的使用,也會應用到較進階的查詢統計動作。

第 12 章 購物車程式的製作
購物車程式的重點在於使用 Session 或是 Cookie 陣列的技術將商品加入虛擬的資料表中,在結帳時再記入真實的資料庫中。

目錄

CH01 互動網站的織夢高手 Dreamweaver CS4
CH02 打造互動網站的運作環境
CH03 MySQL 資料庫的使用與互動網站的定義
CH04 新聞公告系統的製作
CH05 網站留言版的製作
CH06 網站計數器及線上人數的製作
CH07 線上郵寄程式的製作
CH08 網站會員系統的製作
CH09 網路相簿程式的製作
CH10 網站部落格系統的製作
CH11 互動討論區的製作
CH12 購物車程式的製作


線上試讀:http://www.books.com.tw/exep/assp.php/yogo/exep/prod/lookinside.php?item=0010458055

相關資訊:http://www.books.com.tw/exep/assp.php/yogo/exep/prod/booksfile.php?item=0010458055

4 則留言:

佳祐 提到...

請問如果要在input回傳為亂數檔名的話要如何修改?(目前都只會回傳原始檔名)

YOGO 提到...

在根目錄底下找到edupload.ph這個檔案,把
$uploadfile = $uploaddir . basename($_FILES['userfile']['name']);
這一行改成
$uplextension = pathinfo(basename($_FILES['userfile']['name']));
$uploadfile = $uploaddir . uniqid(rand()).'.'.$uplextension["extension"];
然後存檔,應該就可以了

黑皮 提到...
作者已經移除這則留言。
黑皮 提到...

YOYO大, 你好!!
用你的方法可以將上傳的檔名改為亂數, 但回傳給頁面的值還是一樣為原檔名,請問要如何修改才可以傳回變更後的檔名! 謝謝

聖誕跑趴歡樂降★韓版假兩件針織連衣裙$890,新款顯瘦棒球服連帽風衣外套下殺$510,冬新款歐美棉襖棉服連帽短款外套限量↘$530,秋冬新款韓版大碼毛領氣質毛料外套↘$680,快上左耳貓網路購物

您好!如圖太小看不清楚,請 點選此處 看詳細內容 左耳貓蝦皮賣場 https://shopee.tw/hrf5168 左耳貓 露天賣場 http://class.ruten.com.tw/user/index00.php?s=starbox 左耳貓粉...