js图片压缩工具img-compressor的使用

1.安装

npm i img-compressor -S

2.创建实例对象

import { Create } from 'img-compressor';
const imgCompressor = new Create({
  width: 300, // 输出图片的宽度
  height: 90, // 输出图片的高度
  mineType: 'image/png', // 输出图片的格式，默认为image/png
  quality: 0.6, // 输出图片的画质。值为0～1,默认为1
});

3.压缩图片

视图

<input type="file" accept="image/*" ref="txFile" @change="onFileChange">

onFileChange

onFileChange() {
  const fileInput = this.$refs.txFile;
  let file = fileInput.files[0];
  imgCompressor.compress(file, {
	// file：图片文件
  success: (result: File) => {
  	// 压缩成功处理逻辑
    console.log('图片压缩成功');
  },
  error: (err: Error) => {
  	// 压缩失败处理逻辑
    console.log('图片压缩失败：', err);
  },
});
}

4.GitHub地址

https://github.com/innovational/img-compressor