[multer文檔](https://github.com/expressjs/multer/blob/master/doc/README-zh-cn.md) ~~~ //引入這個中間件實現文件上傳 const multer = require('multer'); ~~~ ~~~ //file.html <form action="http://localhost:8080/" method="post" enctype="multipart/form-data"> 文件:<input type="file" name="file"/><br> <input type="submit" value="上傳"> </form> ~~~ ~~~ //file.js const express = require("express"); const bodyParser = require('body-parser'); const multer = require('multer'); const fs = require('fs'); const pathLib= require('path'); //講文件放在這個路徑 var objMulter = multer({dest:'./www/assets/'}); const server = express(); // server.use(bodyParser.urlencoded({extended:false})) server.use(objMulter.any()); server.post('/',function(req,res){ var newName = req.files[0].path+pathLib.extname(req.files[0].originalname); fs.rename(req.files[0].path,newName,function(err){ if(err){ res.send("上傳失敗") }else{ res.send('成功') } }) /* 1.獲取原始的擴展名 2.重命名 */ }) server.listen(8080); ~~~ ## 1.body-parser和multer的區別 ~~~ body-parser 解析post的數據 multer 解析post文件 ~~~ - body-parser ~~~ //表單的enctype值為以下的值,則用body-parser解析 <form action="" method="post" enctype="application/x-www-form-urlencoded"></form> //使用 server.use(bodyParser.urlencode({extended:false})); //req.body讀取數據 ~~~ - multer ~~~ //表單的enctype值為以下的值,則用multer解析 <form action="" method="post" enctype="multipart/form-data"></form> const pathLib = require('path'); //multer使用相對復雜 1.生成一個multerObj指定文件存放的地址 var multerObj = multer({dest:"./www/static"}) 2.指定上傳的文件類型 server.use(multerObj.any()); 3.req.files讀取數據 server.use(function(req,res){} req.files[0].originalname //原始的文件名 req.files[0].path //文件路徑 //4.把文件擴展名加上 var newName = req.files[0].path+pathLib.extname(req.files[0].originalname); //5.更改文件名 fs.rename(req.files[0].path,newName,function(err){ if(err){ res.send("上傳失敗") }else{ res.send('成功') } }) ) ~~~