這篇文章主要介紹了Node.js + express實現上傳大文件的方法,結合實例形式分析了Node.js + express針對圖片、文本文件上傳操作實現方法及相關操作注意事項,需要的朋友可以參考下
本文實例講述了Node.js + express實現上傳大文件的方法。分享給大家供大家參考，具體如下：
對於大文件的上傳我們首先要引入一個叫做 multer 的庫：
npm install --save multer
關於這個庫，大家可以查閱官方文檔：
點擊跳轉 https://www.npmjs.com/package/multer
我們先將庫引入我們的項目中：
var multer = require('multer')
var upload = multer({ dest: 'uploads/' })// 文件會上傳到這個目錄
具體的 get 方法：
app.post('/upload', upload.single('logo'), function(req, res){//發送 json 數據到這個路由
console.dir(req.file);
res.send(req.p);
})
由於上傳文件要用到表當，所以我們這裏先建立一個名爲 form 表單：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<form action="/upload" method="post" enctype="multipart/form-data">
<h2>單圖上傳</h2>
<input type="file" name="logo">
<input type="submit" value="提交">
</form>
<body>
</body>
</html>
然後我們在 server 中引入該表單：
var fs = require('fs')
// /from 的 html 界面，用於演示上傳文件
app.get('/form',function(req, res){
var form = fs.readFileSync('./form.html',{ encoding : "utf8"});
res.send(form);
})
由 localhost:3000/form 運行後上傳文件，就能在你項目的upload目錄下可看到:
雖然上傳成功，但w我n看到文件名是混亂的，而且路徑也是固定：
修改路徑和文件名：
// 更改大文件的存儲路徑
var createFolder = function(folder){
try{
fs.accessSync(folder);
}catch( e ){
fs.mkdirSync(folder);
}
};
var uploadFolder = './upload/';// 設定存儲文件夾爲當前目錄下的 /upload 文件夾
createFolder(uploadFolder);
// 磁盤存貯
var storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, uploadFolder );// 他會放在當前目錄下的 /upload 文件夾下（沒有該文件夾，就新建一個）
},
filename: function (req, file, cb) {// 在這裏設定文件名
cb(null, file.originalname );
}
})
var upload = multer({ storage: storage })
效果：
最後，這裏是視屏連接方便大家學習：
https://www.bilibili.com/video/av24385038/?p=6
希望本文所述對大家nodejs程序設計有所幫助。