Vue中图片压缩的工具

图片压缩的工具 ： image-conversion

1.安装模块:

代码语言：javascript复制

npm i image-conversion --save

2.调用

代码语言：javascript复制

      import * as imageConversion from 'image-conversion';

例子：以0.9的质量压缩图像

代码语言：javascript复制

function view(){
  const file = document.getElementById('demo').files[0];
  console.log(file);
  imageConversion.compress(file,0.9).then(res=>{
    console.log(res);
  })
}

例子：

代码语言：javascript复制

 beforeUpload (file) {
                return new Promise((resolve, reject) =>{
                    if(file.size >= 5594304 ){
                        this.$refs['upload'].clearFiles();
                        return this.$message.error("图片不能超过5MB,请重新上传！")

                    }
                    imageConversion.compress(file,0.3).then(res=>{
                        resolve(res);
                        })
                })
            },

VUE

文件存储

0 人点赞