文件的上传和下载

安装上传文件中间件

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就可以成功下载文件了。

你可能感兴趣的:(文件的上传和下载)