uniapp上传图片压缩

UniApp是一个跨平台的前端框架，用于构建同时运行在微信小程序、H5、Web、iOS和Android等平台的应用。在UniApp中，上传图片并进行压缩通常涉及到文件操作和第三方库的使用，比如uni-uploader插件配合uni-image-compress。

首先，你需要安装uni-uploader组件，它可以帮助处理文件上传，包括选择图片。然后，可以借助uni-image-compress库对选中的图片进行实时压缩，这样可以在保证质量的前提下减小图片大小。

以下是基本步骤：

1. 引入依赖：

import { uploadFile } from '@/api/file'; // 你的文件上传接口
import Compress from '@vant/image-compress'; // 引入压缩插件

2. 选择图片并压缩：

const compress = new Compress({
  quality: 0.8, // 设置压缩质量，范围0~1，默认0.8
  resize: true, // 是否resize，默认true
});

compress.compress(file).then(res => {
  const compressedDataUrl = res.data.url; // 压缩后的Base64数据
  uploadFile(compressedDataUrl); // 上传压缩后的图片
});

3. 文件上传：

uploadFile(imageData) {
  uni.uploadFile({
    url: '你的服务器上传接口', // 图片上传的URL地址
    filePath: imageData, // 压缩后的Base64数据转成本地路径或其他形式
    success: (res) => {
      console.log('上传成功');
    },
    fail: (err) => {
      console.error('上传失败', err);
    }
  });
}