NodeJS Multer-S3具有锐利上传和调整大小功能

bwitn5fc  于 2023-06-22  发布在  Node.js
关注(0)|答案(5)|浏览(139)

我已经能够使用multer-s3库将图像文件上传到s3,但现在我试图添加sharp库来调整大小和旋转,但不知道它需要去哪里或如何去。这是我目前上传的代码:

var options = {
'endpoint' : 'https://xxx',
'accessKeyId' : '123',
'secretAccessKey' : '123abc',
'region' : 'xxx'
};

 const s3 = new aws.S3(options);

const upload = multer({
storage: multerS3({
    s3: s3,
    bucket: 'wave',
    acl: 'public-read',
    metadata: function (req, file, cb) {
      cb(null, Object.assign({}, req.body));
    },
    key: function (request, file, cb) {
        console.log('inside multerS3',file);
        cb(null, file.originalname);
    }
})
}).array('file', 1);

app.post('/upload/', (req,res) => {
   upload(req,res, async function (error) {
     if(error){
        res.send({ status : error });
     }else{
        console.log(req.files[0]);
        res.send({ status : 'true' });
     }
    });
 });

然后对文件执行如下操作:

sharp(input)
 .resize({ width: 100 })
 .toBuffer()
 .then(data => {
   // 100 pixels wide, auto-scaled height
 });

任何帮助将不胜感激:)

c3frrgcw

c3frrgcw1#

我尝试了很多不同的支持夏普的multer-s3包,但没有一个适合我,所以我决定使用multeraws-sdksharp
下面是一个运行Express.js的例子。

const path = require('path')
const sharp = require('sharp')
const AWS = require('aws-sdk')
const multer = require('multer')
const express = require('express')
require('dotenv').config({ path: path.join(__dirname, '.env') })

const { AWS_BUCKET, AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_ENDPOINT } = process.env

const app = express()
const port = 9000

app.use(express.json())
app.listen(port, () => {
  console.log('Example app listening on port http://localhost:' + port)
})

app.get('/', (req, res) => {
  res.send(`
<form action='/upload' method='post' enctype='multipart/form-data'>
  <input type='file' name='file' multiple />
  <input type='submit' value='upload' />
</form>
  `)
})

const sharpify = async originalFile => {
  try {
    const image = sharp(originalFile.buffer)
    const meta = await image.metadata()
    const { format } = meta
    const config = {
      jpeg: { quality: 80 },
      webp: { quality: 80 },
      png: { quality: 80 }
    }
    const newFile = await image[format](config[format])
      .resize({ width: 1000, withoutEnlargement: true })
    return newFile
  } catch (err) {
    throw new Error(err)
  }
}

const uploadToAWS = props => {
  return new Promise((resolve, reject) => {
    const s3 = new AWS.S3({
      accessKeyId: AWS_ACCESS_KEY_ID,
      secretAccessKey: AWS_SECRET_ACCESS_KEY,
      endpoint: new AWS.Endpoint(AWS_ENDPOINT)
    })
    s3.upload(props, (err, data) => {
      if (err) reject(err)
      resolve(data)
    })
  })
}

app.post('/upload', multer().fields([{ name: 'file' }]), async (req, res) => {
  try {
    const files = req.files.file
    for (const key in files) {
      const originalFile = files[key]

      const newFile = await sharpify(originalFile)

      await uploadToAWS({
        Body: newFile,
        ACL: 'public-read',
        Bucket: AWS_BUCKET,
        ContentType: originalFile.mimetype,
        Key: `directory/${originalFile.originalname}`
      })
    }

    res.json({ success: true })
  } catch (err) {
    res.json({ success: false, error: err.message })
  }
})
zbq4xfa0

zbq4xfa02#

好吧,所以我从来没有找到一个实际的解决方案,但我确实得到了一个建议,这是我去的路线。由于性能考虑到多个用户的多次上传,在上传时对图像进行调整大小,旋转和其他任何操作都不是最好的解决方案,因为这将在服务器上产生影响。我们使用的方法是有一个cdn服务器,在该服务器上有一个脚本,可以检测何时上传新文件,并进行调整大小和旋转。
我知道这不是对原来问题的实际修复,但考虑到性能和优化,这是我得到的最佳解决方案。

nfeuvbwi

nfeuvbwi3#

**编辑(12/24/2020):**我不再推荐此软件包,我不再在我的项目中使用它。这个包缺少multerS 3的许多其他特性,包括我经常用来在S3中自动设置内容类型的AUTO_CONTENT_TYPE。我强烈建议只使用multerS 3,甚至根本不使用multerS 3,而是使用multiparty之类的东西自己处理多部分表单数据。
**Original post:**我在npm上找到了这个叫做multer-sharp-s3的包链接:https://www.npmjs.com/package/multer-sharp-s3

我使用这个实现:

var upload = multer({
    storage: multerS3({
        s3: s3,
        ACL: 'public-read',
        Bucket: s3Bucket,
        Key: (req, file, cb) => {
            cb(null, file.originalname);
        },
        resize: {
            width: 100,
            height: 100
        }
    }),
    fileFilter: fileFilter
});

希望这有帮助!

pkwftd7m

pkwftd7m4#

您可以将contentType方法添加到multerS3选项中,并将管道锐化到文件流。您也可以将它与multerS3库中的默认autoContentType函数组合(链接到autoContentType)。
下面是我的例子:

contentType(
  req: Express.Request,
  file: Express.Multer.File,
  callback: (
    error: any,
    mime?: string, 
    stream?: NodeJS.ReadableStream,
  ) => void,
) {
  const mime = 'application/octet-stream';
  const outStream = sharp().webp({ quality: 80 });

  file.stream.pipe(outStream);

  callback(null, mime, outStream);
}
mqxuamgl

mqxuamgl5#

Artur提到了我推荐的contentType方法。然而,他使用TypeScript,所以这里是我的完整Multer-S3配置(将所有jpeg,png和jpg转换为webp)在JavaScript中,对于那些想要一点复制粘贴操作的人:

const imageStorage = multerS3({
    s3: s3,
    acl: 'private',
    bucket: process.env.AWS_BUCKET_NAME, 
    contentType: function(req, file, callback) {
        const mime = 'application/octet-stream';
        const outStream = sharp().webp({ quality: 60 });

        file.stream.pipe(outStream);

        callback(null, mime, outStream);
    },
    key: function (req, file, cb) {
        //Uploads file to uploadDirectory (specified by route middleware) and fileKey (specified by route middleware with Date.now())
        const target = "images/" + Date.now() + ".webp"; 
        cb(null, target); 
    }
});

我会提到,虽然这将增加你的上传速度几秒钟(或更多取决于文件大小),如果这是一个问题,为你,因为其他人建议,我会使用CDN。

相关问题