HarmonyOS 鸿蒙Next 压缩相册图片用什么方法，需实现一个功能：在相册选取图片后上传头像，但是图片比较大需要压缩，求图片压缩方法

发布于 1周前 作者 wuwangju 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 压缩相册图片用什么方法，需实现一个功能：在相册选取图片后上传头像，但是图片比较大需要压缩，求图片压缩方法

 

压缩相册内的图片 需要鲜活的相册内图片 然后压缩图片 最后保存压缩后的图片 实现参考以下代码demo实例</p

2 回复

在HarmonyOS 鸿蒙Next中，压缩相册图片可以使用系统提供的媒体处理API。具体方法如下：

  1. BitmapFactory解码： 使用BitmapFactory.decodeStream方法从相册中读取图片，并将其解码为Bitmap对象。这一步是关键，因为后续的操作都基于这个Bitmap对象。

  2. Bitmap压缩： 使用Bitmap对象的compress方法，该方法可以将Bitmap压缩为指定的格式（如JPEG、PNG等），并设置质量参数。例如，可以使用compress(Bitmap.CompressFormat.JPEG, quality, outputStream)，其中quality是一个介于0到100之间的整数，表示压缩后的图像质量。

  3. 输出流处理： 压缩后的图片数据会写入到提供的OutputStream中。可以将这个输出流指向一个ByteArrayOutputStream，以便获取压缩后的字节数组，或者直接写入到文件中。

  4. 上传处理： 获取压缩后的字节数组后，可以通过网络请求上传头像图片。

示例代码（简化）：

Bitmap bitmap = BitmapFactory.decodeStream(inputStream);
ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
bitmap.compress(Bitmap.CompressFormat.JPEG, 80, outputStream);
byte[] compressedData = outputStream.toByteArray();
// 上传compressedData

注意：上述代码为逻辑框架，具体实现需结合HarmonyOS API进行调整。如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

更多关于HarmonyOS 鸿蒙Next 压缩相册图片用什么方法，需实现一个功能：在相册选取图片后上传头像，但是图片比较大需要压缩，求图片压缩方法的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


压缩相册内的图片 需要鲜活的相册内图片 然后压缩图片 最后保存压缩后的图片 实现参考以下代码demo实例

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

// 获取resourceManager资源管理器

const resourceMgr: resourceManager.ResourceManager = this.context.resourceManager;

// 获取资源管理器后，再调用resourceMgr.getRawFileContent()获取资源文件的ArrayBuffer。

resourceMgr.getRawFileContent('beforeCompression.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);

      this.compressedByteLength = showImage.imageByteLength;

      this.afterCompressionSize = (this.compressedByteLength / BYTE_CONVERSION).toFixed(1);

    })

  }).catch((err: BusinessError) => {

    logger.error(TAG, `Failed to create PixelMap with error message: ${err.message}, error code: ${err.code}`);

  });

}).catch((err: BusinessError) => {

  logger.error(TAG, `Failed to get RawFileContent with error message: ${err.message}, error code: ${err.code}`);

});

2.图片压缩。先判断设置图片质量参数quality为0时，packing能压缩到的图片最小字节大小是否满足指定的图片压缩大小。如果满足，则使用packing方式二分查找最接近指定图片压缩目标大小的quality来压缩图片。如果不满足，则使用scale对图片先进行缩放，采用while循环每次递减0.4倍缩放图片，再用packing（图片质量参数quality设置0）获取压缩图片大小，最终查找到最接近指定图片压缩目标大小的缩放倍数的图片压缩数据。


// 创建图像编码ImagePacker对象

let imagePackerApi = image.createImagePacker();

// 定义图片质量参数

let imageQuality = 0;

// 设置编码输出流和编码参数。图片质量参数quality范围0-100。

let packOpts: image.PackingOption = { format: "image/jpeg", quality: imageQuality };

// 通过PixelMap进行编码。compressedImageData为打包获取到的图片文件流。

let compressedImageData: ArrayBuffer = await imagePackerApi.packing(sourcePixelMap, packOpts);

// 压缩目标图像字节长度

let maxCompressedImageByte = maxCompressedImageSize * BYTE_CONVERSION;

if (maxCompressedImageByte > compressedImageData.byteLength) {

  // 使用packing二分压缩获取图片文件流

  compressedImageData = await packingImage(compressedImageData, sourcePixelMap, imageQuality, maxCompressedImageByte);

} else {

  // 使用scale对图片先进行缩放，采用while循环每次递减0.4倍缩放图片，再用packing（图片质量参数quality设置0）获取压缩图片大小，最终查找到最接近指定图片压缩目标大小的缩放倍数的图片压缩数据。

  let imageScale = 1; // 定义图片宽高的缩放倍数，1表示原比例。

  let reduceScale = 0.4; // 图片缩小倍数

  // 判断压缩后的图片大小是否大于指定图片的压缩目标大小，如果大于，继续降低缩放倍数压缩。

  while (compressedImageData.byteLength > maxCompressedImageByte) {

    if (imageScale > 0) {

      imageScale = imageScale - reduceScale; // 每次缩放倍数减0.4

      // 使用scale对图片进行缩放

      await sourcePixelMap.scale(imageScale, imageScale);

      // packing压缩

      compressedImageData = await packing(sourcePixelMap, imageQuality);

    } else {

      // imageScale缩放小于等于0时，没有意义，结束压缩。这里不考虑图片缩放倍数小于reduceScale的情况。

      break;

    }

  }

}

3.获取最终图片压缩数据compressedImageData，保存图片。


let context: Context = getContext();

// 定义要保存的压缩图片uri。afterCompressiona.jpeg表示压缩后的图片。

let compressedImageUri: string = context.filesDir + '/' + 'afterCompressiona.jpeg';

try {

  let res = fs.accessSync(compressedImageUri);

  if (res) {

    // 如果图片afterCompressiona.jpeg已存在，则删除

    fs.unlinkSync(compressedImageUri);

  }

} catch (err) {

  logger.error(TAG, `AccessSync failed with error message: ${err.message}, error code: ${err.code}`);

}

// 压缩图片数据写入文件

let file: fs.File = fs.openSync(compressedImageUri, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);

fs.writeSync(file.fd, compressedImageData);

fs.closeSync(file);

// 获取压缩图片信息

let compressedImageInfo: CompressedImageInfo = new CompressedImageInfo();

compressedImageInfo.imageUri = compressedImageUri;

compressedImageInfo.imageByteLength = compressedImageData.byteLength;

关于图片压缩使用ImagePacker，参考官方文档：【 https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-image-V5 】

参考以下链接实现：【 https://gitee.com/harmonyos-cases/cases/blob/master/CommonAppDevelopment/feature/imagecompression/src/main/ets/view/ImageCompression.ets 】

回到顶部