#How do I resize image before uploading to Cloudinary

1 messages · Page 1 of 1 (latest)

shadow echo
#

pick a package, like sharp and three lines of code https://www.npmjs.com/package/sharp

npm
sharp

High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, GIF, AVIF and TIFF images. Latest version: 0.31.2, last published: a month ago. Start using sharp in your project by running npm i sharp. There are 3195 other projects in the npm registry using sharp.

# 
sharp('input.jpg')
  .rotate()
  .resize(200)
  .jpeg({ mozjpeg: true })
  .toBuffer()
  .then( data => { ... })
  .catch( err => { ... });
pale cliff
#

Is it possible to resize based on data Uint8Array?

#

I want to resize around this area

#

const uploadHandler = unstable_composeUploadHandlers(
// our custom upload handler
async ({ name, contentType, data, filename }) => {
// Can I resize it here?

pale cliff
# 
async function uploadImageToCloudinary(data: AsyncIterable<Uint8Array>) {
  let randomFolder = (Math.random() + 1).toString(36).substring(5);

  const imageStream = new Readable({
    objectMode: true,
    read() {
      this.push(data);
      this.push(null);
    },
  });
  const resizedImageStream = imageStream.pipe(
    sharp().resize({ width: 800, height: 600 })
  );

  const resizedImageBuffer = await resizedImageStream.toBuffer();