在reactjs中使用浏览器图像压缩库改变文件格式？

Question

在这个例子中，我使用的文件类型选项是 .png 但没有达到预期的效果。

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);
};

Answer 1

在'browser-image-compression'源中，你可以看到以下内容

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

你应该使用文件mime类型而不是 .png 扩展，所以尽量使用 image/png 而不是。