溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家?guī)碛嘘P怎么在nodejs中利用multer實現一個文件上傳下載功能，文章內容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
upload 文件上傳
html form標簽內設置enctype=”multipart/form-data”是必須的，這樣才可以上傳文件，方式為post ，在服務端使用multer時，基本與官網相同，引用中間件multer，app.post(‘\upload',upload.single(‘name'),function(){}); 指定單文件上傳，參數是html的input里面的name ,這樣就可以上傳成功，但是問題是multer不會管你的后綴，上傳到upload文件夾的文件有一個亂序名稱但是沒有后綴，所以我增加了這個功能。
req.file是文件信息，取得原名稱，經過數組以及堆棧等處理得到后綴'.jpg' ， 用fs.renameSync（）方法重命名文件，加上本來的后綴。這樣真正的上傳成功。唯一的缺點是沒有實現改變文件名字，使用官網方式出現了錯誤，所以沒有深究。。
download 文件下載
網上基本上是express對res.download的封裝以及fs方法為主，注意要把文件夾設定為靜態(tài)文件。出現的問題是點擊之后就會在新頁面顯示要下載的文件，無論是圖片還是音樂。。這讓我很困擾，但是找了很久也沒有很好的解決。用IE訪問結果是會出現下載還是查看的選項。。很迷?？傊褪沁@樣了，一晚上的努力，我很滿足。。嘻嘻
服務端
//index.js
var fs = require('fs')
var express = require('express')
var multer = require('multer')
const path = require('path');
var app = express();
var upload = multer({dest:'upload/'});
//多文件上傳 （限定上傳文件個數）（沒有修改后綴）
app.post('/upload-multi',upload.array('myfile',2),function(req,res,next){
res.send("2 done");
})
//單文件上傳獲取信息
app.post('/upload-single',upload.single('myfile'),function(req,res,next){
var file=req.file;
// console.log("名稱：%s",file.originalname);
// console.log("mime：%s",file.mimetype);
//以下代碼得到文件后綴
name=file.originalname;
nameArray=name.split('');
var nameMime=[];
l=nameArray.pop();
nameMime.unshift(l);
while(nameArray.length!=0&&l!='.'){
l=nameArray.pop();
nameMime.unshift(l);
}
//Mime是文件的后綴
Mime=nameMime.join('');
console.log(Mime);
res.send("done");
//重命名文件 加上文件后綴
fs.renameSync('./upload/'+file.filename,'./upload/'+file.filename+Mime);
})
//文件下載嘗試（chrome會直接在頁面上展示。.最后也沒有解決）
//設置download文件夾為靜態(tài) 才能下載
app.use('/download', express.static(path.join(__dirname, 'download')));
// app.get('/download',function(req,res){
// var path='./download/aa.mp3';
// res.download(path,'aa.mp3');
// });
app.get('/download', function(req, res){
var file = __dirname + '/download/aa.mp3';
res.download(file);
});
app.get('/',function(req,res,next){
res.sendFile(__dirname+"/index.html");
})
app.listen(3000);客戶端
//index.html <!DOCTYPE html> <html> <head> <title>上傳文件</title> <meta charset="utf-8"> </head> <body> <form enctype="multipart/form-data" action="/upload-single" method="post"> <input type="file" name="myfile"></input> <input type="submit" value="提交"></input> </form> <form enctype="multipart/form-data" action="/upload-multi" method="post"> <input type="file" name="myfile"></input> <input type="file" name="myfile"></input> <input type="submit" value="提交"></input> </form> <a href="download/aa.mp3" rel="external nofollow" >下載文件</a> </body> </html>
上述就是小編為大家分享的怎么在nodejs中利用multer實現一個文件上傳下載功能了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業(yè)資訊頻道。
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
