Change the file format using browser-image-compression library in reactjs?

Question

In this example I am using the filetype option as .png but its not working as expected.

import imageCompression from 'browser-image-compression';

const compressImage = async (pic) => {
  const options = {
    maxSizeMB: 1,
    maxWidthOrHeight: 1024,
    useWebWorker: true,
    fileType: '.png',
  };

  const compressedPic = await imageCompression(pic, options);
  console.log('compressed', compressedPic.size);
  console.log('compressd pic title', compressedPic.name);
};

May be try `fileType: 'image/png'` – l0k3ndr Jun 02 '20 at 09:06 — l0k3ndr, Jun 02 '20 at 09:06
Have you found any solution? – Fatih Ersoy Apr 11 '22 at 14:29 — Fatih Ersoy, Apr 11 '22 at 14:29

score 1 · Answer 1 · answered Jun 02 '20 at 07:05

1

In 'browser-image-compression' sources you can see that

@param {string} [options.fileType] - default to be the original mime type from the image file

You should use file mime type rather than .png extension, so try to use image/png instead.

answered Jun 02 '20 at 07:05

vicacid

509
4
6

Change the file format using browser-image-compression library in reactjs?

1 Answers1