安装上传文件中间件
npm install multer
引入multer
const multer = require('multer')
配置文件上传临时目录
const upload = multer({
dest: './public/upload/temp'
})
//所有的接口都允许有上传功能
app.use(upload.any())
解析:当调用接口上传文件时,文件会存放在public文件夹下面的upload文件夹中的temp文件夹。
上传文件接口
router.post("/upload", (req, res) => {
//检测是否有文件
if (!req.files) {
res.send({
code: 400,
msg: "上传文件不能为空",
});
return;
}
//保存文件
let files = req.files;
let ret_files = [];
for (let file of files) {
//获取名字后缀
let file_ext = file.originalname.substring(file.originalname.lastIndexOf(".") + 1);
//使用时间戳作为文件名字
let file_name = new Date().getTime() + "." + file_ext;
// 移动文件并且修改文件名字
fs.renameSync(
process.cwd() + "/public/upload/temp/" + file.filename,
process.cwd() + "/public/upload/" + file_name
);
ret_files.push("/public/upload/" + file_name);
}
res.send({
code: 200,
msg: "ok",
data: ret_files,
});
});
解析:通过判断传值,提示上传文件不能为空,当有文件时,循环传入的多个文件,并将后缀名以及文件名加上,并通过移动文件,将文件添加进数组,并通过接口返回。
如何验证:
1、打开postman(其他接口测试软件都可以)
2、选择post,输入localhost:8080/test/upload
,选择body中的form-data传值,输入files(输入的参数名和代码里面的名称一致),类型选择file,选择上传文件,点击发送
文件上传
注意:有两点容易出错的地方,特此提醒
1、如果你发现,接口发送一直在转圈,请求超时这种的,你可以验证一下自己的node版本,之前10版本的node会出现这种情况,14版本以后得就不会了。
2、如果你遇到了,代码写的很对,操作步骤也很对的情况,但是请求,一直返回的是返回没有拿到文件的情况,那么,就是顺序写反了,请把接口写在multer后面。
文件下载
//下载文件
router.get("/download", async (req, res) => {
let file_name = req.query.file_name;
let file_path = process.cwd() + "/public/upload/" + file_name;
res.download(file_path);
})
输入http://localhost:8080/test/download?file_name=1672195247834.jpg
就可以成功下载文件了。