uniapp框架封装一个对后端请求的图片压缩功能

在uniapp框架中，可以通过以下步骤封装一个对后端请求的图片压缩功能：

1. 在uniapp项目中，创建一个工具类文件，例如util.js。

2. 在util.js中，引入第三方图片压缩库，例如compressorjs。可以通过npm安装该库，然后使用import引入。

3. 在util.js中，定义一个图片压缩函数，例如compressImage。该函数接受两个参数：图片的base64字符串和压缩后的最大宽度。函数的实现如下：

import Compressor from 'compressorjs';

function compressImage(base64, maxWidth) {
  return new Promise((resolve, reject) => {
    new Compressor(base64, {
      maxWidth,
      success(result) {
        resolve(result);
      },
      error(err) {
        reject(err);
      },
    });
  });
}

4. 在需要发送图片请求的地方，调用compressImage函数对图片进行压缩，然后再发送请求。例如：

import { api } from '@/api';
import { compressImage } from '@/utils/util';

async function uploadImage(file) {
  const base64 = await readFile(file);
  const compressed = await compressImage(base64, 800);
  const formData = new FormData();
  formData.append('image', compressed);
  const response = await api.uploadImage(formData);
  return response.data;
}

其中，readFile函数用于将文件转换为base64字符串，api.uploadImage函数用于发送图片上传请求。在发送请求时，将压缩后的图片作为formData的一个字段，即可实现图片压缩功能。

通过以上步骤，我们就成功地在uniapp框架中封装了一个对后端请求的图片压缩功能。