超级简单的图片压缩方法（原生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）相关推荐

如何压缩图片大小？简单的图片压缩方法分享
怎么压缩图片的大小呢?在日常生活中,我们经常需要在社交媒体上或者其他场合分享和使用照片,但是如果照片文件内存过大,上传或发送速度很慢,有的情况下还会出现上传失败的情况.遇到这种事情我们就需要将图片的大 ...
图片太大怎么改小kb？简单的图片压缩方法分享
平时当我们在朋友圈分享一些有趣的照片或者使用图片素材进行上传的时候,经常遇到图片大小kb超出平台限制的情况,这时就无法正常上传了,遇到这种情况我们就需要想办法降低图片大小kb,那么有什么办法能够压缩图 ...
Android应用开发中三种常见的图片压缩方法
Android应用开发中三种常见的图片压缩方法,分别是:质量压缩法.比例压缩法(根据路径获取图片并压缩)和比例压缩法(根据Bitmap图片压缩). 一.质量压缩法private Bitmap comp ...
怎么压缩图片大小，图片压缩方法
怎么压缩图片大小?工作中如果遇到一些体积较大的图片,尤其一些清晰度很高的图片,可能一张小尺寸的图片就有2-3M的大小,这个我们的使用打开造成很多的麻烦,例如因为超过限制大小而不能上传,打开的时候很大, ...
图片压缩怎么做？这几种图片压缩方法很方便
怎么把图片给压缩一下呢?图片的内存如果太大,那我们不管是在发送还是保存都会不方便.发送时会非常缓慢,保存时也占据很多内存,对本来空间就不太够的电脑或手机来说是一个致命问题.缓解这方面问题我们可以将图片 ...
Android图片压缩方法总结
本文总结Android应用开发中三种常见的图片压缩方法,分别是:质量压缩法.比例压缩法(根据路径获取图片并压缩)和比例压缩法(根据Bitmap图片压缩). 第一:质量压缩方法: ? 1 2 3 4 5 ...
iOS 图片压缩方法
两种图片压缩方法两种压缩图片的方法:压缩图片质量(Quality),压缩图片尺寸(Size). 压缩图片质量 NSData *data = UIImageJPEGRepresentation(ima ...
图片怎么压缩到200K以内，这3个图片压缩方法，简单有效
你没有遇到过上传图片到网站的时候,图片太大不能上传的情况?还有,许多报名照片要求小于200K,可是照片超过这个大小,应该如何压缩呢?下面我给大家带来3个图片压缩的方法,既能快速压缩图片大小,又保存画质 ...
简单的图片压缩器的使用方法
图片压缩器怎么使用呢?现在很多人的电脑中都是图片,浏览网页或者聊天保存下来的图片,图片越来越多就会对电脑产生影响,这个时候就要使用图片压缩器来进行图片压缩.怎么使用图片压缩器呢?下面就一起来看一下图片 ...

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

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

最新文章

热门文章