README.md

imgZip

图片压缩插件

Demo示例

图片压缩

安装

npm

 npm i imgzip

script

<script src="https://unpkg.com/[email protected]/dist/index.min.js"></script>

@1.0.7为固定版本,可自行调整

使用方法

import imgzip from 'imgzip'  
//import {convertBase64UrlToBlob,photoCompress} from 'imgzip'  
  export default {
    name: 'App',
    mounted() {
      //监听选择文件
      document.getElementById('file').onchange = function () {
        //调用图片压缩
        imgzip.photoCompress(this.files[0], {}, function (base64) {
          //document.getElementById('img').src = base64  //预览图片
          
          //转blod流上传
          let blod =  imgzip.convertBase64UrlToBlob(base64); 
          let formData = new FormData();
          formData.append("file", blod, "file_"+Date.parse(new Date())+".jpg"); // 文件对象
          //上传操作....
        })
      }
    }
  }

函数说明

• photoCompress(图片压缩函数) 无返回值

参数	说明	是否必须	默认值
file	文件对象	是	-
options	压缩参数(宽/高/质量)	否	{width:图片高度,height:图片宽高比,quality:0.7}
callback	压缩后回调函数,回调参数返回压缩后的base64编码	是	-

• convertBase64UrlToBlob(base64编码转blod流)

参数	说明	是否必须	默认值
base64	图片base64编码	是	-

返回值为blod对象