使用uniapp的方式压缩图片

在 Uniapp 中，可以使用 `uni.compressImage` API 来实现图片压缩。以下是一个使用 `uni.compressImage` API 压缩图片的示例：

1. 在页面中引入 `uni.compressImage` API

import uni from 'uni-app'

2. 在组件中使用 `uni.compressImage` API

<template>
  <div>
    <input type="file" @change="compressImage" accept="image/*">
  </div>
</template>

<script>
import uni from 'uni-app'

export default {
  methods: {
    async compressImage(event) {
      // 获取选择的图片文件
      const file = event.target.files[0]

      // 压缩图片
      const compressedImage = await uni.compressImage({
        src: file.path, // 图片路径
        quality: 70, // 压缩质量为70%
        width: 800, // 最大宽度为800像素
        height: 800 // 最大高度为800像素
      })

      // 输出压缩后的图片
      console.log(compressedImage)
    }
  }
}
</script>

在上面的示例中，首先通过 `import` 导入 `uni-app` 库，然后在 `compressImage` 方法中调用 `uni.compressImage` API 来压缩图片。在 `compressImage` 方法中，可以配置压缩质量、最大宽度和最大高度等选项。最后返回压缩后的图片数据。

需要注意的是，由于 `uni.compressImage` API 是异步操作，因此需要使用 `async/await` 或者 `Promise` 来处理返回结果。此外，也需要注意图片路径的问题，否则可能导致无法正确压缩图片。