multer-gridFS-storage是否仍可用？前端直传MongoDB GridFS咨询

关于multer-gridFS的现状 #

multer-gridFS确实已停止维护，仅兼容MongoDB 2和3版本，在MongoDB 4及以上版本中使用大概率会出现兼容性问题，不建议继续采用这个包。

无需本地存储直接上传的实现方案 #

前端上传文件时，通过FormData传递文件，后端可直接利用文件的内存流（无需写入本地磁盘），将其传入GridFS的上传流中，具体实现如下：

后端实现（Express + MongoDB官方驱动） #

1. 安装依赖：

npm install mongodb express multer

2. 核心代码：

const { MongoClient, GridFSBucket } = require('mongodb');
const express = require('express');
const multer = require('multer');
const { Readable } = require('stream');
const app = express();

// 配置multer使用内存存储，避免写入本地文件
const storage = multer.memoryStorage();
const upload = multer({ storage });

// 初始化MongoDB连接和GridFS Bucket
let bucket;
const client = new MongoClient('mongodb://localhost:27017');

client.connect()
  .then(() => {
    const db = client.db('your-database-name');
    bucket = new GridFSBucket(db);
    console.log('MongoDB connected, GridFS bucket initialized');
  })
  .catch(err => console.error('MongoDB connection error:', err));

// 文件上传接口
app.post('/upload', upload.single('file'), (req, res) => {
  if (!req.file) {
    return res.status(400).send('未选择上传文件');
  }

  // 将文件Buffer转换为可读流
  const fileStream = Readable.from(req.file.buffer);

  // 打开GridFS上传流
  const uploadStream = bucket.openUploadStream(req.file.originalname, {
    chunkSizeBytes: 1048576, // 1MB分片
    metadata: {
      mimeType: req.file.mimetype,
      originalName: req.file.originalname
    }
  });

  // 管道传输文件流到GridFS
  fileStream.pipe(uploadStream);

  // 监听上传完成事件
  uploadStream.on('finish', () => {
    res.json({
      success: true,
      message: '文件上传成功',
      fileId: uploadStream.id.toString()
    });
  });

  // 监听上传错误事件
  uploadStream.on('error', err => {
    res.status(500).json({
      success: false,
      message: `上传失败：${err.message}`
    });
  });
});

const PORT = 3000;
app.listen(PORT, () => console.log(`服务运行在端口 ${PORT}`));

前端实现 #

<!DOCTYPE html>
<html>
<head>
  <title>GridFS文件上传</title>
</head>
<body>
  <form id="uploadForm">
    <input type="file" name="file" id="fileInput" />
    <button type="submit">上传文件</button>
  </form>

  <script>
    document.getElementById('uploadForm').addEventListener('submit', async (e) => {
      e.preventDefault();
      const fileInput = document.getElementById('fileInput');
      const file = fileInput.files[0];
      
      if (!file) {
        alert('请选择要上传的文件');
        return;
      }

      const formData = new FormData();
      formData.append('file', file);

      try {
        const response = await fetch('http://localhost:3000/upload', {
          method: 'POST',
          body: formData
        });
        const result = await response.json();
        console.log(result);
        alert(result.message);
      } catch (err) {
        console.error('上传出错:', err);
        alert('上传失败，请重试');
      }
    });
  </script>
</body>
</html>

关键要点 #

• 使用multer的memoryStorage模式，将文件临时存储在内存中，无需写入本地磁盘
• 通过Readable.from()将文件Buffer转换为可读流，直接与GridFS的上传流建立管道
• 全程无需落地存储文件，实现前端到GridFS的直接上传

内容的提问来源于stack exchange，提问作者Ruo