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

最新推荐文章于 2024-08-08 07:08:31 发布

一只肥宅丫、

最新推荐文章于 2024-08-08 07:08:31 发布

阅读量1.3k

点赞数

文章标签： javascript node.js html5 信息压缩

本文链接：https://blog.csdn.net/Bin9166/article/details/119998998

版权

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