uniapp拍照的图片怎么压缩上传

在uniapp中，可以使用uniapp官方提供的uni-img-compress组件来实现拍照图片的压缩上传。

首先，需要在项目中引入uni-img-compress组件。在`pages.json`中的"usingComponents"字段中添加：

"usingComponents": {
  "uni-img-compress": "@/components/uni-img-compress/uni-img-compress"
}

接下来，在需要使用压缩上传功能的页面中，使用uni-img-compress组件：

<uni-img-compress
  choose-file="true"
  :quality="80"
  :max-width="800"
  @compress="compressImg"
></uni-img-compress>

其中，`choose-file`属性设置为true表示可以选择文件进行上传，`quality`属性设置压缩后图片的质量（范围为0-100），`max-width`属性设置图片的最大宽度。

在对应的页面js文件中，定义compressImg方法来处理压缩后的图片：

methods: {
  compressImg(data) {
    // 获取压缩后的图片数据
    const compressedImgData = data.detail.data

    // 创建FormData对象并将压缩后的图片数据添加到FormData中
    const formData = new FormData()
    formData.append('file', compressedImgData)

    // 发起上传请求
    uni.request({
      url: 'http://example.com/upload',
      method: 'POST',
      header: {
        'content-type': 'multipart/form-data'
      },
      data: formData,
      success: (res) => {
        console.log('上传成功', res)
      },
      fail: (err) => {
        console.error('上传失败', err)
      }
    })
  }
}

以上就是使用uni-img-compress组件实现拍照图片的压缩上传的步骤。通过设置适当的quality和max-width参数，可以控制上传图片的大小和质量，提高用户体验同时减少网络传输的流量消耗。