Multer：在不同的文件夹中上传不同的文件类型

Question

我有一个带有两个文件输入字段的简单表单。一个是关于图像的，另一个是关于 mp3 文件的。

我有一个使用 multer 作为文件上传系统的快速服务器。我想将图片保存在img 中，将mp3 文件保存在music 文件夹中。

这是我迄今为止尝试过的：

var musicUpload = multer({dest: 'music'});
var imgUpload = multer({dest: 'img'});

app.post('music', 
         musicUpload.single('music'), 
         imgUpload.single('img'), 
         function (req, res) {
             ...
         });

虽然这是形式：

<form action="post" enctype="multipart/form-data" action="music">
    <input type="file" id="img" name="img">
    <input type="file" id="music" name="music">
    <input type="submit" value="Send">
</form>

我需要以不同的方式处理 2 个不同的文件，这就是我使用“single”两次的原因。但是，不幸的是，我收到了“意外字段”错误消息。

怎样才能达到效果？

附言。关于多个文件上传的问题有很多，但没有一个能解决我的具体问题。在标记这个问题时不要太快:)

Answer 1

您可以在 multer 存储目标中添加 if else 语句，并使用 file.fieldname 确定您的输入字段名称并将其存储在不同的文件夹中。

var storage = multer.diskStorage({
    destination: function (req, file, cd) {
        if (file.fieldname === 'img') {
            cd(null, '/img');
        }

        else if (file.fieldname === 'music') {
            cd(null, '/music');
        }
        
    },

    filename: function (req, file, cd) {
      cd(null, file.fieldname + '-' + Date.now() + path.extname(file.originalname));
    }
});

var upload = multer({storage: storage});

在您的 post 方法中，这将是可靠的合作伙伴。 reference

var cpUpload = upload.fields([{ name: 'img', maxCount: 1 }, { name: 'music', maxCount: 1 }]);
app.post('/music', cpUpload, function (req, res, next) { 

    console.log(req.file, req.body);
    res.redirect('/');

});

Answer 2

考虑查看here in this similar question 显示的解决方案，它展示了如何使用 multer 提供的 upload.fields[...] 进行多文件上传，让您有更多的控制权来定义字段是否为 .使用 maxCount 的单个或 .array：。

或

查看我在服务器下的repo (a nuxt-express-mongodb app)，我使用 multer 从 1 个使用 upload.fields[...] 的帖子请求上传歌曲/音乐和图像，以查看完整的工作实现。

Answer 3

您可以尝试使用 DiskStorage 之类的东西。根据他们的文档：https://github.com/expressjs/multer

var storage = multer.diskStorage({
  destination: function (req, file, cb) {
    if (file.mimetype === 'audio/mp3') {
      cb(null, 'songs')
    } else if (file.mimetype === 'image/jpeg') {
      cb(null, 'img')
    } else {
      console.log(file.mimetype)
      cb({ error: 'Mime type not supported' })
    }
  }
})


var upload = multer({ storage: storage })

然后在端点自己做：

var upload = multer({storage}); 
  router.post('/song', upload.any(), function(req, res) { 
  ...  
});

这可能比您的方法更干净，我认为它提供了您正在寻找的功能，因为它可以让您更精细地控制保存这些文件。 （@cristian 编辑）