uniapp base64图片压缩

//图片压缩
            compressBase64Image(base64Data, quality, maxWidth, maxHeight) {
                return new Promise((resolve, reject) => {
                    const img = new Image();

                    img.onload = function() {
                        let canvas = document.createElement('canvas');
                        let ctx = canvas.getContext('2d');

                        let width = img.width;
                        let height = img.height;

                        if (maxWidth && maxHeight) {
                            // 缩放比例
                            let ratio = Math.min(maxWidth / width, maxHeight / height);
                            width *= ratio;
                            height *= ratio;
                        }

                        canvas.width = width;
                        canvas.height = height;

                        // 绘制压缩后的图片
                        ctx.drawImage(img, 0, 0, width, height);

                        // 将canvas转换为base64
                        const compressedBase64 = canvas.toDataURL('image/png', quality);

                        resolve(compressedBase64);
                    };

                    img.onerror = function(error) {
                        reject(error);
                    };

                    img.src = base64Data;
                });
            }

// 示例用法

const base64Data = 'your_base64_data_here';

const quality = 0.8; // 压缩质量,范围从 0 到 1,1 表示最高质量

const maxWidth = 800; // 最大宽度

const maxHeight = 600; // 最大高度

compressBase64Image(base64Data, quality, maxWidth, maxHeight) .then(compressedBase64 => {

// 在这里使用压缩后的 base64 图片进行后续操作

}) .catch(error => { console.log(error); });

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值