如何在使用GridFS保存图像之前调整其大小？

Question

我是一个MongoDB和GridFS的初学者。我有一段代码，它将传入的图像保存到数据库中。但是，在保存之前我想调整图像大小。我尝试使用Sharp进行调整，但我不太理解它的工作原理。

我尝试了以下代码，但它没有起作用

const storage = new GridFsStorage({
  url: mongoURI,

  file: (req, file) => {
    return new Promise((resolve, reject) => {
      const filename = req.params.userID;
      const fileInfo = {
        filename: filename,
        bucketName: "ProfilePic", 
      };
      resolve(fileInfo);
    });
  }
});

const upload = multer({ storage });

router.post("/setProfilePic/:userID", upload.single("picture"), async(req, res) => {
//code not working
  await sharp(req.file.path)
    .resize(500)
    .jpeg({quality: 50})
    .toFile(
        path.resolve(req.file.destination,'resized',image)
    )
// end of non working code
  return res.status(200).json({state: "ok"})
});

- ATM

---

Sharp 可能会抛出一个错误。你能否用 try..catch 块包围 await 并记录错误？ - Kees de Kooter

Answer 1

我的解决方案是使用'multer-gridfs-storage'的fromStream方法。

思路如下：

1. 使用multer解析文件，获取文件缓冲区（原始数据）
2. 使用sharp捕获输入缓冲区并创建另一个包含调整大小图像的缓冲区。
3. 使用Readable创建可读流，然后将fromStream方法应用于将流传输到数据库。

---

实现

const multer = require('multer')
const { GridFsStorage } = require("multer-gridfs-storage");
const { Readable } = require("stream"); // from nodejs
const sharp = require("sharp");

const storage = new GridFsStorage({
  url: mongoURI,
  options: { useUnifiedTopology: true }, // silence the warning
  file: () => ({ bucketName: "ProfilePic",filename: req.params.userID }),
});

router.post("/setProfilePic/:userID",multer().single('picture'),(req,res) => {
  const file = req.file
  const buffer = file.buffer

  // chain sharp methods
  sharp(buffer)
    .resize(500)
    .jpeg({ quality: 50 })
    .toBuffer((err, data, info) => {

      // data here directly contains the buffer object.
      const fileStream = Readable.from(data);

      // write the resized stream to the database.
      storage.fromStream(fileStream, req, file).then(() => {
        res.json({ state: 'ok' });
      });
    });
})

---

我没有充分利用 multer 的存储引擎，而是创建了自己的流。

同时，我也是 MongoDB 的初学者，所以只要能够正常运行就已经很满足了。如果有问题，请留言，我会尽力解决。

- ChrisQIU

Answer 2

我使用了之前的答案。我做了一些更改使其正常工作。我的req.file.buffer始终为undefined。所以我进行了一些更改。

以下是我想要强调的两件事：

1. 确保您使用的是multer版本"^2.0.0-rc.1"。

2. 您可以通过以下方式创建缓冲区

const buffer = await getStream.buffer(req.file.stream);

解决方案的其余部分完全相同。以下是完整的代码示例。

const multer = require('multer')
const { GridFsStorage } = require("multer-gridfs-storage");
const { Readable } = require("stream"); // from nodejs
const sharp = require("sharp");
const getStream = require("get-stream");

const storage = new GridFsStorage({
  url: mongoURI,
  options: { useUnifiedTopology: true }, // silence the warning
  file: () => ({ bucketName: "ProfilePic",filename: req.params.userID }),
});

app.post("/setProfilePic/:userID", multer.single("image"), async (req, res) => {
  const file = req.file;
  const buffer = await getStream.buffer(req.file.stream);

  // chain sharp methods

  sharp(buffer)
    .resize(200, 100)
    .jpeg({ quality: 50 })
    .toBuffer((err, data, info) => {
      // data here directly contains the buffer object.
      const fileStream = Readable.from(data);

      // write the resized stream to the database.
      storage.fromStream(fileStream, req, file).then(() => {
        res.json({ state: "ok" });
      });
    });
});

- Parthiban