【问题标题】:How to resize image with sharp then upload with multer in nodejs如何在nodejs中使用sharp调整图像大小然后使用multer上传
【发布时间】: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);
        }
    }
    

有人想解决我的问题吗?谢谢!

【问题讨论】:

    标签: node.js mongodb image-uploading multer multer-gridfs-storage


    【解决方案1】:

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

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

    祝你好运,编码愉快。

    【讨论】:

      猜你喜欢
      • 2018-05-07
      • 2020-08-08
      • 1970-01-01
      • 2021-01-11
      • 2021-04-25
      • 2019-05-17
      • 1970-01-01
      • 2017-12-30
      • 2013-02-09
      相关资源
      最近更新 更多