使用 multer 上传单个文件
记得
- 创建用于上传的文件夹(示例中为
uploads
)。 - 安装 multer
npm i -S multer
server.js
:
var express = require("express");
var multer = require('multer');
var app = express();
var fs = require('fs');
app.get('/',function(req,res){
res.sendFile(__dirname + "/index.html");
});
var storage = multer.diskStorage({
destination: function (req, file, callback) {
fs.mkdir('./uploads', function(err) {
if(err) {
console.log(err.stack)
} else {
callback(null, './uploads');
}
})
},
filename: function (req, file, callback) {
callback(null, file.fieldname + '-' + Date.now());
}
});
app.post('/api/file',function(req,res){
var upload = multer({ storage : storage}).single('userFile');
upload(req,res,function(err) {
if(err) {
return res.end("Error uploading file.");
}
res.end("File is uploaded");
});
});
app.listen(3000,function(){
console.log("Working on port 3000");
});
index.html
:
<form id = "uploadForm"
enctype = "multipart/form-data"
action = "/api/file"
method = "post"
>
<input type="file" name="userFile" />
<input type="submit" value="Upload File" name="submit">
</form>
注意:
要上传带扩展名的文件,你可以使用 Node.js 路径内置库
为此只需要 path
到 server.js
文件:
var path = require('path');
并改变:
callback(null, file.fieldname + '-' + Date.now());
以下列方式添加文件扩展名:
callback(null, file.fieldname + '-' + Date.now() + path.extname(file.originalname));
如何按扩展程序过滤上传:
在此示例中,查看如何上载文件以仅允许某些扩展。
例如,仅图像扩展名。只需添加到 var upload = multer({ storage : storage}).single('userFile');
fileFilter 条件
var upload = multer({
storage: storage,
fileFilter: function (req, file, callback) {
var ext = path.extname(file.originalname);
if(ext !== '.png' && ext !== '.jpg' && ext !== '.gif' && ext !== '.jpeg') {
return callback(new Error('Only images are allowed'))
}
callback(null, true)
}
}).single('userFile');
现在,你只能上传带有 png
,jpg
,gif
或 jpeg
扩展名的图像文件