OnceIO 是 OnceDoc 企業(yè)內(nèi)容(網(wǎng)盤)的底層Web框架，它可以實現(xiàn)模板文件、靜態(tài)文件的全緩存，運行起來完全不需要I/O操作，并且支持客戶端緩存優(yōu)化，GZIP壓縮等（只在第一次壓縮），擁有非常好的性能，為您節(jié)約服務器成本。它的模塊化功能，可以讓你的Web進行分布式存儲，即一個擴展包里即包含前端、后端和數(shù)據(jù)庫定義，只需通過添加/刪除目錄的方式就可實現(xiàn)功能刪減，實現(xiàn)真正的模塊化擴展。這里是介紹如何使用OnceIO的一系列文章。
在這一章節(jié)中，我們將為大家演示如何使用 OnceIO 實現(xiàn)文件上傳功能。
在網(wǎng)頁文件中構(gòu)建表單
以一個只有文件上傳功能的簡單網(wǎng)頁 file.html 為例：
<!DOCTYPE html><html><body><form method="post" enctype="multipart/form-data" action="/file/upload"><input type="file" name="file" /><br><input type="submit" value="Upload" /></form></body></html>
瀏覽器顯示效果是這樣的：
點擊空白長條或“瀏覽…”按鈕可以打開文件瀏覽窗口選擇需要上傳的文件：
建立服務器接收文件邏輯
服務器文件 websvr.js 代碼是這樣的：
var fs = require('fs')var path = require('path')var onceio = require('../onceio/onceio')var app = onceio()app.get('/', function(req, res){res.render('file.html')})app.file('/file/upload', function(req, res) {var fileInfo = req.files.file || {}fs.link(fileInfo.path, path.join('./fileStore', fileInfo.name))res.send('File Uploaded Successfully')}).before(function(req, res) {var contentLength = req.headers['content-length'] || 0if (contentLength > 1048576) {res.send({ error: 'Error: File Size Limit (1 MB) Exceeded' })} else {return true}})var fs = require('fs') 和 var path = require('path') 分別導入了 Node.js 提供的用于操作文件的文件系統(tǒng)（fs）模塊和用于處理文件路徑的 path 模塊。
app.file(path, callback).before(callback) 相當于 app.use(path, callback, {file: true}).before(callback) ，是一個處理上傳的文件的中間件。
文件被上傳后，它的大小、存放地址、名稱、格式和修改時間五項信息會被放在 req.files 的 file 屬性里（名稱是 type 為 'file' 的 input 標簽中 name 的值），它的尺寸信息會被放在 req.headers 的 content-length 屬性里。
before函數(shù)
before是OnceIO與其它Web框架的主要區(qū)別之一。它可以在文件接收之前就對文件進行一些基本驗證，如大小、類型等，以求獲得最侍性能。return true 表示驗證通并開始接收文件，否則就關(guān)閉連接，取消上傳。在 before 中，req.session對象是不可用的，因為session可能存在文件或數(shù)據(jù)庫redis中，取得session是一個異步過程需要時間。而before函數(shù)需要立刻對文件合法性做出判斷。
在這個例子中before回調(diào)函數(shù)根據(jù) req.headers 中的 content-length 判斷上傳的文件是否超出了尺寸限制（開發(fā)人員可以通過修改 if 語句中的常數(shù)改變文件上傳尺寸上限，content-length 單位為 byte，1024 * 1024 即代表 1 MB），如果超出了，文件不會被上傳，服務器返回錯誤信息；如果沒有超出，函數(shù)返回值為 true，服務器繼續(xù)執(zhí)行 app.file 中的回調(diào)函數(shù)，將文件從臨時地址轉(zhuǎn)移到指定存儲地址，文件上傳到這里就完成了。
解決文件重名問題
我們目前的服務器程序是無法解決文件重名問題的。如果用戶上傳了重名的文件，服務器將會返回文件已經(jīng)存在的錯誤。為了解決這個問題，我們可以在文件的主文件名和拓展名之間加入一個時間戳，進行這個處理的函數(shù)代碼如下：
var timestampName = function(fileName){// get filename extensionvar extName = path.extname(fileName) // get base name of the filevar baseName = path.basename(fileName, extName)// insert timestamp between base name and filename extension// the plus sign ('+') before new Date() converts it into a numberreturn baseName + +new Date() + extName}再把 fs.link 語句里的 fileInfo.name 替換為 timestampName(fileInfo.name)：
fs.link(fileInfo.path, path.join('./fileStore', timestampName(fileInfo.name)))改進后的服務器程序就能允許用戶上傳重名文件了，以上傳 5 次名為 'cache_workflow.png' 的文件為例，服務器的文件存儲地址中會出現(xiàn) 5 個名稱都以 'cache_workflow' 開頭但時間戳不同的文件：
OnceIO地址： https://github.com/OnceDoc/onceio
示例源碼： https://github.com/OnceDoc/OnceAcademy/tree/master/Lesson14
以上所述是小編給大家介紹的Node.js開發(fā)教程之基于OnceIO框架實現(xiàn)文件上傳和驗證，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！
新聞熱點
疑難解答
