uniApp中H5页面的图片压缩

在用uni-app进行开发的时候，进行图片的压缩的时候可以用uni.compressImage这个方法，但是这个方法可以支持小程序  APP，但是H5 是不支持的。鉴于爱山东入驻的都是H5页面，所以寻找了一下解决H5页面图片压缩的方法：

npm install compressorjs --save

相关逻辑中关于图片的压缩代码如下：

在需要的页面中引入：

import Compressor from 'compressorjs';

逻辑主代码：

PS：res.tempFiles[0]是图片的Blod流

//图片压缩
new Compressor(res.tempFiles[0], {
  quality: 0.6, // 压缩质量
  convertSize:false,
  success: (result) => {
    //这里是Bold流转化为新的File
    const fileA = new File([result], result.name, { type: result.type })
    //这里写压缩后的主逻辑

  },
  error: (error) => {
    console.error('图片压缩失败', error);
  },
});