【nodejs】multer(图片，文件上传处理模块)

最新推荐文章于 2024-07-17 20:03:06 发布

原创最新推荐文章于 2024-07-17 20:03:06 发布

· 69 阅读

版权

本文介绍了如何在Node.js后端使用Multer模块处理文件上传，特别是图片上传。首先，通过npm安装Multer，然后创建一个中间件函数，配置文件的存储位置和文件名。 Multer的diskStorage方法用于指定文件保存的目录和文件名，包括根据日期动态创建目录。接下来，定义一个图片处理接口，使用upload.single()处理上传的图片文件，并返回文件的存储路径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用方法

模块官网：https://github.com/expressjs/multer/blob/master

后端Node实现

// 安装并导入模块
import multer from 'multer';
// 创建中间件函数
var upload = multer({
  storage: multer.diskStorage({
      //设置文件存储位置
      destination: function (req, file, cb) {
          let date = new Date();
          let year = date.getFullYear();
          let month = (date.getMonth() + 1).toString().padStart(2, '0');
          // 判断月份，获取到的月份范围(0-11)所有在这需要将月份加一才能获取到当前月份，padStart是判断这个字符串是否大于2位，不大于在前面拼接一个0
          let day = date.getDate();
          let dir = "./img/" + year + month + day;
          //设置图片存储位置
          // 上传文件路径
          
          //判断目录是否存在，没有则创建
          if (!fs.existsSync(dir)) {
              fs.mkdirSync(dir, {
                  recursive: true
              });
          }

          //dir就是上传文件存放的目录
          cb(null, dir);

      },
      filename: function (req, file, cb) {
          let fileName = 'img' + '-' + Date.now() +  path.extname(file.originalname);
          //fileName就是上传文件的文件名
          cb(null, fileName);
      }
  })
})
// 图片处理接口
// 其中upload.single('xxx'),xxx为前端上传文件的文件名
app.post('/api/uplodeImg',upload.single("editormd-image-file"),(req,res)=>{
  let file = req.file
    let path = file.path.replace('public', "")
    res.json({
        file: path
    })
})