vue图片压缩上传

前言

之前图片压缩是公司前辈留下的一个js方法，采用的回调函数处理。最近一个项目为了优化用户体验，在图片上传失败后要根据接口返回的状态值更改页面UI，此时该js方法就会出现异常，于是我找到了 image-conversion。

安装

npm i image-conversion --save

或者

yarn add image-conversion

引入

import * as imageConversion from 'image-conversion'

或者

import {
   compress, compressAccurately} from 'image-conversion'

常用方法列表

compress

语法

compress(file, config) → {
   Promise(Blob)}

参数

名称	类型	描述
file	File(Blob)	一个File(Blob)对象
config	number or object	如果是数字类型，范围0-1，表示图像质量; 如果是对象类型，你可以传递参数给imagetoCanvas和dataURLtoFile方法;

举例

// number
imageConversion.compress(file,0.8)

// object
imageConversion.compress