如何在nodejs中使用sharp调整图像大小然后使用multer上传

Posted 2023-03-10

【中文标题】如何在nodejs中使用sharp调整图像大小然后使用multer上传

【英文标题】：How to resize image with sharp then upload with multer in nodejs

【发布时间】：2019-05-03 07:07:42

【问题描述】：

我正在开发一项功能，允许用户使用 nodejs 将图像上传到 mongodb：

我的问题：

从用户的请求中获取图像文件并执行 2 个任务：例如，将当前图像以集合名称“Origin_image”存储到 mongodb，然后调整当前图像大小并以集合名称“Thumbnail_image”存储到 mongodb

到目前为止我的解决方案：

我只是通过使用 multer-gridfs-storage 和 multer 来存储成功的原始图像，如下面的代码

const multer = require('multer'); const GridFsStorage = require('multer-gridfs-storage');

const multer = require('multer'); const GridFsStorage = require('multer-gridfs-storage');

        let storageFS = new GridFsStorage(
            db: app.get("mongodb"),
            file: (req, file) => 
                return new Promise((resolve, reject) => 
                    crypto.randomBytes(16, (err, buf) => 
                        if (err) 
                            return reject(err);
                        
                        const filename = file.originalname;
                        const fileInfo = 
                            filename: filename,
                            bucketName: 'images'
                        ;
                        resolve(fileInfo);
                    );
                );
            
        );

    var upload = multer( storage: storageFS ).single('image');

    exports.uploadImage = async function (req, res) 
    try 
        upload(req, res, function (err) 
            if (err) 
                return res.send(err)
            
            res.json(
                status: true,
                filePath: req.file.originalname
            );
        );
     catch (error) 
        res.send(error);
    

有人想解决我的问题吗？谢谢！

【参考方案1】：

如果您在前端使用 Angular，则让最终用户处理图像大小调整，这样您的服务器就不必处理开销。我目前正在使用ng2-img-max 来调整图像大小。您可以在文件更改时启动调整大小。

我也想要缩略图，然后是原始的，但这会在调整两者的大小时造成巨大的性能问题，然后再如何将它们链接为 GridFs 存储它们，然后才能对它们进行任何操作，剩下的就是回复。因此，为自己节省一些时间。只调整一次大小，为用户调整到您的有限大小，然后为显示缩略图，使用 sharp 和自定义查询参数来显示您想要的大小。

祝你好运，编码愉快。