复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29data为图片的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); } }) }
使用
复制代码
1
2
3
4
5
6PictureCompression(‘XXXXXXXX’,0.7).then(res =>{ res 压缩后的base64 })
最后
以上就是高贵犀牛最近收集整理的关于超级简单的图片压缩方法(原生js)的全部内容,更多相关超级简单内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复