uni-app分享微信图片压缩（图文方式分享微信不能超过20k）

UniApp在进行微信分享时，由于微信对图片大小有严格的限制，如果直接分享未经压缩的大图可能导致超过20KB的阈值而无法成功分享。为了解决这个问题，你可以采取以下步骤进行图片压缩：

1. **使用第三方库**：UniApp生态中有许多图片处理插件如`uni-image-compressor`，它们可以帮助你压缩图片到合适的大小。安装并引入这个插件后，可以调用其API来压缩图片。

import imageCompress from '@vant/image';

async function compressImage(file) {
    const result = await imageCompress.compress({
        file,
        quality: 0.8, // 设置压缩质量，范围0-1，默认0.8
        width: 400, // 可选，压缩后的宽度，超出则等比例缩放
        height: 400, // 可选，压缩后的高度，超出则等比例缩放
    });
    return result.url; // 返回压缩后的URL
}

2. **前端压缩**：如果你不想引入外部库，也可以通过JavaScript原生的`FileReader`和`Canvas` API进行图片压缩。

function compressImageBase64(file, maxWidth, maxHeight) {
    return new Promise((resolve, reject) => {
        const reader = new FileReader();
        reader.onload = () => {
            const img = document.createElement('img');
            img.src = reader.result;
            img.onload = () => {
                const canvas = document.createElement('canvas');
                canvas.width = maxWidth || img.width;
                canvas.height = maxHeight || img.height;

                const ctx = canvas.getContext('2d');
                ctx.drawImage(img, 0, 0, canvas.width, canvas.height);

                const dataUrl = canvas.toDataURL('image/jpeg', 0.8); // 压缩质量
                resolve(dataUrl);
            };
        };
        reader.readAsDataURL(file);
    });
}

// 使用示例
compressImageBase64(file).then(compressedUrl => {
    wx.ready(() => {
        wx.updateAppMessageShareData({
            title: '分享标题',
            desc: '分享描述',
            imgURL: compressedUrl,
            success() {
                console.log('分享成功');
            }
        });
    });
});