uniapp实现如何使用图片裁剪和压缩库实现图片处理功能

<template><view><image :src="imageSrc" mode="aspectFit"></image><uni-cropper ref="cropper" :src="imageSrc" :styletype="styleType" :aspectratio="aspectRatio" :mincropboxwidth="minCropBoxWidth" :mincropboxheight="minCropBoxHeight" :maxcropboxwidth="maxCropBoxWidth" :maxcropboxheight="maxCropBoxHeight"></uni-cropper><button>裁剪</button>  </view></template><script>  export default {    data() {      return {        imageSrc: '',        styleType: 1,        aspectRatio: 1,        minCropBoxWidth: 50,        minCropBoxHeight: 50,        maxCropBoxWidth: 200,        maxCropBoxHeight: 200      };    },    methods: {      chooseImage() {        uni.chooseImage({          success: (res) => {            this.imageSrc = res.tempFilePaths[0];          }        });      },      ready() {        this.$refs.cropper.setDragMode('crop');      },      crop(e) {        console.log('裁剪结果：', e.detail);      },      cropImage() {        this.$refs.cropper.crop();      }    }  };</script>

//选择图片并压缩uni.chooseImage({  success: (res) => {    let tempFilePath = res.tempFilePaths[0];    uni.compressImage({      src: tempFilePath,      quality: 80,   // 压缩质量，取值范围为0-100      success: (res) => {        let compressedFilePath = res.tempFilePath;        // 在这里可以处理压缩后的图片        console.log(compressedFilePath);      }    });  }});