前端图片压缩 - H5&Uni-App图片压缩

plus

plus简介

plus是HTML5+（HTML5 plus）的一个接口

HTML5+是中国HTML5产业联盟的扩展规范，基于HTML5扩展了大量调用设备的能力，使得web语言可以想原生语言一样强大。

使用plus的坑

注意！ 以plus开头的方法都是属于HTML5+环境调用的方法。plus不能在浏览器环境下使用，它必须在手机APP上才能使用，因为它操控的是APP原生功能。

另外！ 我们在使用HTML5+方法之前，必须监听HTML5+环境是否已经加载完毕，加载完成后，才可以使用HTML5+的方法。

document.addEventListener('plusready',function () {
    
  // 在这里调用5+ API 
},false); 

这里拿我的uni-app项目为例

takePhoto() {
   
	uni.chooseImage({
   
		count: 1, //默认9
		sizeType: ['compressed'], //可以指定是原图还是压缩图，默认二者都有
		sourceType: ['camera'],
		success: res => {
   
			uni.previewImage({
   
				urls: res.tempFilePaths,
			});
			console.log('压缩前图片体积', res.tempFiles[0].size);
			let path = res.tempFilePaths[0];
			plus.zip.compressImage({
   
					src: path,
					dst: path,
					overwrite: true, //是否生成新图片
					quality: 20,