vue 上传图片时压缩大小——image-conversion

1、安装模块

npm i image-conversion --save

2、引入imageConversion，进行压缩

在需要用到图片压缩的地方，引入imageConversion

in CommonJS:

const imageConversion = require("image-conversion");

in ES6:

import * as imageConversion from 'image-conversion';
or
import {
   compress, compressAccurately} from 'image-conversion';

3、实现

方法一：压缩到指定大小

//把图片文件作为参数传递到方法中
beforeAvatarUpload(file) {
   
	console.log(file)
	const isJpgOrPng = file.type === 'image/jpeg' || file.type ===