超级简单的图片压缩方法（原生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）的全部内容，希望文章能够帮你解决超级简单的图片压缩方法（原生js）所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。