超级简单的图片压缩方法(原生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
})


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部