如何在离子2中压缩图像

Question

我实际上正在实现一个函数，以允许用户从电话上传照片。是否有任何图像压缩插件/库？注意：它是图像压缩，而不是图像调整大小。

非常感谢

Answer 1

使用离子本机相机功能

有一个质量选项范围为0-100。它将返回压缩图像

const options: CameraOptions = {
  quality: 50, // Try changing this 
  destinationType: this.camera.DestinationType.DATA_URL,
  encodingType: this.camera.EncodingType.JPEG,
  mediaType: this.camera.MediaType.PICTURE
}
this.camera.getPicture(options).then((imageData) => {
 let base64Image = 'data:image/jpeg;base64,' + imageData;
}, (err) => {
 // Handle error
});

Answer 2

尝试使用离子摄像头插件后的摄像头。

const options: CameraOptions = {
        quality: 20,
        targetWidth: 600, 
        targetHeight: 600,
        destinationType: this.camera.DestinationType.DATA_URL,
        encodingType: this.camera.EncodingType.PNG,
        mediaType: this.camera.MediaType.PICTURE,
        sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
        allowEdit: true //may not work with some deices
}

targetheight和Targetwidth做魔术。：(

回答来自：Ionic Image Compress