超级简单的图片压缩方法（原生js）

data为图片的base64数据
quality  为压缩的质量 0 - 1
//图片压缩
function PictureCompression(data,quality) {
    return new Promise((resolve,reject) =>{
        let imga = document.createElement('img');
        imga.src = data;
        imga.style.width = '300px';
        imga.style.position = 'fixed';
        imga.style.top = '300px';
        imga.style.top = '-4000px';
        document.body.appendChild(imga);
        imga.onload = () => {
            let canvas = document.createElement('canvas');
            canvas.style.position = 'fixed';
            canvas.style.top = '-4000px';
            canvas.width = imga.width;
            canvas.height = imga.height;
            document.body.appendChild(canvas);
            var ctx = canvas.getContext('2d');
            ctx.drawImage(imga,0,0,canvas.width,canvas.height);
            var base64Img = canvas.toDataURL('image/jpeg',quality);
            document.body.removeChild(canvas);
            document.body.removeChild(imga);
            resolve(base64Img);
        }
    })
}

使用

PictureCompression(‘XXXXXXXX’,0.7).then(res =>{
	res  压缩后的base64
})

最后

以上就是高贵犀牛最近收集整理的关于超级简单的图片压缩方法（原生js）的全部内容，更多相关超级简单内容请搜索靠谱客的其他文章。