NTU CCSP 2012Fall - Node.js #2.1 - Simple File Host Service

簡易檔案上傳網站

目標 • 可以上傳檔案並給名稱 • 可以清單顯示已經上傳的檔案 • 可以顯示已經上傳的檔案

環境 • Windows 7 • Sublime Text 2 • Node.js
0.8.x • Express.js 3.0

要求 • 安裝好node 0.8.x • 可以使用npm指令 • 可以使用node指令

Step 0: 安裝express 打開終端機輸入 npm install express –g -g也可以放install前面
-g代表安裝到global 才可以在任何資料夾當作指令來使用簡單說就是安裝程式到系統

Step 0: 安裝express

Step 1: 建立專案測試express指令

Step 1: 建立專案 express -e -c less -s uploadserver

Step 2: 安裝所需要的庫 npm install 會自動依照目錄下的package.json安裝所依賴的套件到目前目錄(local mode)

Step 3: 驗證安裝 node app.js 打開瀏覽器 http://localhost:3000/

Step 4: 打開ST2 以資料夾模式開啟

Step 5: 編輯bodyParser 修改bodyParser keepExtensions => 保留附檔名 uploadDir => 指定上傳到哪個資料夾

Step 6: 接受上傳 var database 模擬一個資料庫 res.redirect(路徑) 回傳302導向其他網頁

Step 7: 修改index view

Step 8: 測試看看吧

Step 9: 修改index的handler

Step 10: 再修改index.ejs

Step 11: 測試看看

Steven Su