1、頁面index.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上傳表單</title>
</head>
<body>
<h3>選擇文件</h3>
<form action="/upload" method="post" enctype="multipart/form-data">
<input type="file" name="image" size="50">
<br/>
<input type="submit" value="上傳文件"/>
</form>
</body>
</html>
2、服務端:demo.js
var express=require('express');
var app=express();
var fs=require('fs');
var bodyParser=require('body-parser');
var multer=require('multer');
app.use('/public',express.static('public'));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(multer({ dest: '/tmp/'}).array('image'));
app.get('/index.html',function(req,res){
res.sendFile(__dirname+"/index.html");
})
app.post('/upload',function(req,res){
var file=req.files[0];
var desFile=__dirname+"/"+file.originalname;
fs.readFile(file.path,function(err,data){
fs.writeFile(desFile,data,function(err){
if(err){
console.log(err);
}else{
response={
message:'upload file success',
filename: file.originalname
}
}
console.log(response);
res.end(JSON.stringify(response));
})
})
})
var server=app.listen(8081,function(){
})
3、cmd執行node demo.js,瀏覽器輸入localhost:8081/index.html彈出如下頁面:
4、選擇文件點上傳後返回結果如下:
5、過程中遇到的問題:獲取不到上傳的文件信息,req.files爲空
原因:未設置這兩行===》》url解析器和上傳路徑
app.use(bodyParser.urlencoded({ extended: false }));
app.use(multer({ dest: '/tmp/'}).array('image'));