纯血鸿蒙APP实战开发——图片压缩方案

介绍

图片压缩在应用开发中是一个非常常见的需求，特别是在处理用户上传图片时，需要上传指定大小以内的图片。目前图片压缩支持jpeg、webp、png格式。本例中以jpeg图片为例介绍如何通过packing和scale实现图片压缩到目标大小以内。

效果图预览

使用说明

1. 进入页面，输入图片压缩目标大小，点击“图片压缩”按钮查看压缩后的图片。效果图中输入图片压缩目标大小为5kb，实际压缩大小小于等于5kb,不一定准确为5kb。

实现思路

1. 获取图片。从资源管理器获取要压缩的图片，创建ImageSource实例，设置解码参数DecodingOptions，使用createPixelMap获取PixelMap图片对象。

   // 获取resourceManager资源管理器
   const resourceMgr: resourceManager.ResourceManager = this.context.resourceManager;
   // 获取资源管理器后，再调用resourceMgr.getRawFileContent()获取资源文件的ArrayBuffer。
   resourceMgr.getRawFileContent('image_compression_before.jpeg').then((fileData: Uint8Array) => {
   
     // 获取图片的ArrayBuffer
     const buffer = fileData.buffer.slice(0);
     // 创建ImageSource实例
     const imageSource: image.ImageSource = image.createImageSource(buffer);
     // 设置解码参数DecodingOptions，解码获取PixelMap图片对象。
     let decodingOptions: image.DecodingOptions = {
   
       editable: true, // 是否可编辑。当取值为false时，图片不可二次编辑，如crop等操作将失败。
       desiredPixelFormat: 3, // 解码的像素格式。3表示RGBA_8888。
     }
     // 创建pixelMap
     imageSource.createPixelMap(decodingOptions).then((originalPixelMap: image.PixelMap) => {
   
       // 压缩图片
       compressedImage(originalPixelMap, this.maxCompressedImageSize).then((showImage: CompressedImageInfo) => {
   
         // 获取压缩后的图片信息
         this.compressedImageSrc = fileUri.getUriFromPath(showImage.imageUri