鸿蒙 HarmonyOS 图片压缩工具

直接拿去用

/**
 * 图片压缩工具
 */
import { image } from '@kit.ImageKit';
import { BusinessError } from '@kit.BasicServicesKit';
import { buffer, util } from '@kit.ArkTS';
import { photoAccessHelper } from '@kit.MediaLibraryKit';
import { fileIo } from '@kit.CoreFileKit';
import { promptAction } from '@kit.ArkUI';
import { common } from '@kit.AbilityKit';

export class ImageUtils {
  /**
   * 图片压缩 先缩放后质量压缩
   * @param pixelMap
   * @param success
   * @param error
   * @param maxWidth
   * @param maxHeight
   * @param quality
   * @returns
   */
  static compress(
    pixelMap: image.PixelMap | undefined,
    success: (pixelMap: image.PixelMap) => void,
    error: (err: BusinessError) => void = () => {
    },
    maxWidth: number = 540,
    maxHeight: number = 960,
    quality: number = 80,
  ) {
    if (pixelMap != undefined) {
      ImageUtils.scaleCompress(pixelMap, (scaleCompressPixelMap: image.PixelMap) => {
        ImageUtils.packingCompress(scaleCompressPixelMap, (compressPixelMap: image.PixelMap) => {
          success(compressPixelMap)
        }, (err: BusinessError) => {
          console.error(`compress packingCompress 失败。 code:${err.code}, message:${err.message}`);
          error(err)
        }, quality)
      }, (err: BusinessError) => {
        console.error(`compress scaleCompress 失败。 code:${err.code}, message:${err.message}`);
        error(err)
      }, maxWidth, maxHeight)
    } else {
      console.error(`compress 失败:pixelMap == undefined`);
      error({
        code: -1,
        name: '压缩失败',
        message: 'pixelMap = undefined'
      })
    }
  }
  /**
   * 图片压缩 先缩放后质量压缩
   * @param filePath
   * @param success
   * @param error
   * @param maxWidth
   * @param maxHeight
   * @param quality
   * @returns
   */
  static compressUri(
    filePath: string,
    success: (pixelMap: image.PixelMap) => void,
    error: (err: BusinessError) => void = () => {
    },
    maxWidth: number = 540,
    maxHeight: number = 960,
    quality: number = 80,
  ) {
    if (filePath) {
      const imageSourceApi: image.ImageSource = image.createImageSource(filePath);
      let packOpts: image.PackingOption = { format: "image/jpeg", quality: quality };
      const imagePackerApi: image.ImagePacker = image.createImagePacker();
      imagePackerApi.packing(imageSourceApi, packOpts, (err: BusinessError, data: ArrayBuffer) => {
        if (err) {
          console.error(`compressUri packing 失败。 code:${err.code}, message:${err.message}`);
          error(err)
        } else {
          console.info(`compressUri packing  压缩成功 size:${data.byteLength}}`);
          ImageUtils.toPixelMap(data, (compressPixelMap: image.PixelMap) => {

            ImageUtils.scaleCompress(compressPixelMap, (scaleCompressPixelMap: image.PixelMap) => {
              ImageUtils.packingCompress(scaleCompressPixelMap, (compressPixelMap: image.PixelMap) => {
                success(compressPixelMap)
              }, (err: BusinessError) => {
                console.error(`compressUri packingCompress 失败。 code:${err.code}, message:${err.message}`);
                error(err)
              }, quality)
            }, (err: BusinessError) => {
              console.error(`compressUri scaleCompress 失败。 code:${err.code}, message:${err.message}`);
              error(err)
            }, maxWidth, maxHeight)

          }, (err: BusinessError) => {
            console.error(`compressUri toPixelMap 失败。 code:${err.code}, message:${err.message}`);
            error(err)
          })
        }
        imagePackerApi.release()
      })
    } else {
      console.error(`compressUri 失败:pixelMap == undefined`);
      error({
        code: -1,
        name: '压缩失败',
        message: 'pixelMap = undefined'
      })
    }
  }

  /**
   * packing图片压缩
   * @param pixelMap
   * @param success
   * @param error
   * @param quality
   * @returns
   */
  static packingCompress(
    pixelMap: image.PixelMap | undefined,
    success: (pixelMap: image.PixelMap) => void,
    error: (err: BusinessError) => void = () => {
    },
    quality: number = 0,
  ) {
    if (pixelMap != undefined) {
      let packOpts: image.PackingOption = { format: "image/jpeg", quality: quality };
      const imagePackerApi: image.ImagePacker = image.createImagePacker();
      imagePackerApi.packing(pixelMap, packOpts, (err: BusinessError, data: ArrayBuffer) => {
        if (err) {
          console.error(`packingCompress packing 失败。 code:${err.code}, message:${err.message}`);
          error(err)
        } else {
          console.info(`packingCompress packing  压缩成功 size:${data.byteLength}}`);
          ImageUtils.toPixelMap(data, (compressPixelMap: image.PixelMap) => {
            success(compressPixelMap)
          }, (err: BusinessError) => {
            console.error(`packingCompress toPixelMap 失败。 code:${err.code}, message:${err.message}`);
            error(err)
          })
        }
      })
      imagePackerApi.release()
    } else {
      console.error(`packingCompress 失败:pixelMap == undefined`);
      error({
        code: -1,
        name: '压缩失败',
        message: 'pixelMap = undefined'
      })
    }
    return pixelMap
  }

  /**
   * packing图片压缩
   * @param filePath
   * @param success
   * @param error
   * @param quality
   */
  static packingCompressUri(
    filePath: string,
    success: (pixelMap: image.PixelMap) => void,
    error: (err: BusinessError) => void = () => {
    },
    quality: number = 0,
  ) {
    if (filePath) {
      const imageSourceApi: image.ImageSource = image.createImageSource(filePath);
      let packOpts: image.PackingOption = { format: "image/jpeg", quality: quality };
      const imagePackerApi: image.ImagePacker = image.createImagePacker();
      imagePackerApi.packing(imageSourceApi, packOpts, (err: BusinessError, data: ArrayBuffer) => {
        if (err) {
          console.error(`packingCompressUri packing 失败。 code:${err.code}, message:${err.message}`);
          error(err)
        } else {
          console.info(`packingCompressUri packing  压缩成功 size:${data.byteLength}}`);
          ImageUtils.toPixelMap(data, (compressPixelMap: image.PixelMap) => {
            success(compressPixelMap)
          }, (err: BusinessError) => {
            console.error(`packingCompressUri toPixelMap 失败。 code:${err.code}, message:${err.message}`);
            error(err)
          })
        }
        imagePackerApi.release()
      })
    }
  }

  /**
   * 图片缩放(分辨率)压缩
   * @param pixelMap
   * @param success
   * @param error
   * @param maxWidth
   * @param maxHeight
   */
  static scaleCompress(
    pixelMap: image.PixelMap,
    success: (pixelMap: image.PixelMap) => void,
    error: (err: BusinessError) => void = () => {
    },
    maxWidth: number = 540,
    maxHeight: number = 960,
  ) {
    pixelMap.getImageInfo().then((value: image.ImageInfo) => {
      let size = value.size
      let widthScale = maxWidth / size.width;
      let heightScale = maxHeight / size.width;
      let scale = Math.min(widthScale, heightScale);
      pixelMap.scale(scale, scale).then(() => {
        console.info('scaleCompress scale 压缩成功');
        success(pixelMap)
      }).catch((err: BusinessError) => {
        console.error(`scaleCompress scale 失败。 code:${err.code}, message:${err.message}`);
        error(err)
      });
    }).catch((err: BusinessError) => {
      console.error(`scaleCompress getImageInfo 失败。 code:${err.code}, message:${err.message}`);
      error(err)
    });
  }

  /**
   * ArrayBuffer转PixelMap
   * @param data
   * @param callback
   */
  static toPixelMap(
    data: ArrayBuffer,
    success: (pixelMap: image.PixelMap) => void,
    error: (err: BusinessError) => void = () => {
    },
  ) {
    let source: image.ImageSource = image.createImageSource(data)
    source.createPixelMap().then((pixelMap: image.PixelMap) => {
      console.error(`toPixelMap 成功`);
      success(pixelMap)
    }).catch((err: BusinessError) => {
      console.error(`toPixelMap 失败。 code:${err.code}, message:${err.message}`);
      error(err)
    });
  }

  /**
   * PixelMap转ArrayBuffer
   * @param pixelMap
   * @param success
   * @param error
   */
  static toArrayBuffer(
    pixelMap: image.PixelMap | undefined,
    success: (data: ArrayBuffer) => void,
    error: (err: BusinessError) => void = () => {
    },
  ) {
    if (pixelMap != undefined) {
      let packOpts: image.PackingOption = { format: "image/jpeg", quality: 100 };
      const imagePackerApi: image.ImagePacker = image.createImagePacker();
      imagePackerApi.packing(pixelMap, packOpts, (err: BusinessError, data: ArrayBuffer) => {
        if (err) {
          console.error(`toArrayBuffer packing 失败:ode:${err.code},message:${err.message}`);
          error(err)
        } else {
          console.info('toArrayBuffer packing 成功');
          success(data)
        }
      })
    } else {
      console.error(`toArrayBuffer 失败:pixelMap == undefined`);
      error({
        code: -1,
        name: '转换错误',
        message: 'pixelMap = undefined'
      })
    }
  }

  /**
   * 转Base64
   * @param pixelMap
   * @param success
   * @param error
   */
  static toBase64(
    pixelMap: image.PixelMap | undefined,
    success: (data: string) => void,
    error: (err: BusinessError) => void = () => {
    },
    quality: number = 100,
  ) {
    if (pixelMap != undefined) {
      let packOpts: image.PackingOption = { format: "image/jpeg", quality: quality };
      const imagePackerApi: image.ImagePacker = image.createImagePacker();
      imagePackerApi.packing(pixelMap, packOpts, (err: BusinessError, data: ArrayBuffer) => {
        if (err) {
          console.error(`toBase64 packing 失败:ode:${err.code},message:${err.message}`);
          error(err)
        } else {
          console.info('toBase64 packing 成功');
          let buf: buffer.Buffer = buffer.from(data);
          let base64 = 'data:image/jpeg;base64,' + buf.toString('base64', 0, buf.length);
          success(base64)
        }
      })
    } else {
      console.error(`toBase64 失败:pixelMap == undefined`);
      error({
        code: -1,
        name: '转换错误',
        message: 'pixelMap = undefined'
      })
    }
  }

  /**
   * base64转PixelMap
   * @param base64
   * @returns
   */
  static base64ToPixelMap(
    base64: string,
    success: (pixelMap: image.PixelMap) => void,
    error: (err: BusinessError) => void = () => {
    },
  ) {
    let helper = new util.Base64Helper();
    // 转换成buffer数组
    let buffer: ArrayBuffer = helper.decodeSync(base64, util.Type.MIME).buffer as ArrayBuffer;
    // 创建imageSource
    let imageSource = image.createImageSource(buffer);
    let opts: image.DecodingOptions = { editable: true };
    // 创建PixelMap
    imageSource.createPixelMap(opts).then((pixelMap: image.PixelMap) => {
      console.info('base64ToPixelMap pixelMap 创建成功。');
      success(pixelMap)
    }).catch((err: BusinessError) => {
      console.error(`base64ToPixelMap pixelMap 创建失败。 code:${err.code}, message:${err.message}`);
      error(err)
    });
  }

  /**
   * 保存到相册
   * @param context
   * @param pixelMap
   * @param isToast
   */
  static async savePixelMapToAlbum(
    context: common.UIAbilityContext | undefined,
    pixelMap: image.PixelMap,
    isToast: boolean = true,
    success: (path: string) => void,
    error: (err: BusinessError) => void = () => {
    },
  ) {
    if (context == undefined) {
      promptAction.showToast({ message: '保存图片到图库失败!' });
      return
    }
    // 获取相册的保存路径
    let helper = photoAccessHelper.getPhotoAccessHelper(context);
    let uri = await helper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpeg');
    let file = await fileIo.open(uri, fileIo.OpenMode.READ_WRITE | fileIo.OpenMode.CREATE);
    console.log(`savePixmap2SystemFile 保存图片成功。${file.path}`);
    ImageUtils.toArrayBuffer(pixelMap, async (data: ArrayBuffer) => {
      let path = file.path
      console.log(`savePixmap2SystemFile 保存图片成功。${path}`);
      await fileIo.write(file.fd, data);
      await fileIo.close(file.fd);
      if (isToast) {
        promptAction.showToast({ message: '保存图片成功!' });
      }
      success(path);
    }, (err: BusinessError) => {
      console.error(`savePixmap2SystemFile 保存图片成功。code:${err.code},message: ${err.message}`);
      if (isToast) {
        promptAction.showToast({ message: '保存图片失败!' });
      }
      error(err);
    })
  }

  /**
   * 保存到应用沙箱
   * @param context
   * @param pixelMap
   * @param filesDir
   * @param isToast
   */
  static savePixmap2SystemFile(
    context: Context,
    pixelMap: image.PixelMap,
    filesDir: string = context.filesDir,
    isToast: boolean = true,
    success: (path: string) => void,
    error: (err: BusinessError) => void = () => {
    },
  ) {
    if (!pixelMap) {
      return;
    }
    ImageUtils.toArrayBuffer(pixelMap, async (data: ArrayBuffer) => {
      const file =
        fileIo.openSync(filesDir + `/${Date.now()}.jpg`, fileIo.OpenMode.READ_WRITE | fileIo.OpenMode.CREATE);

      let path = file.path
      console.log(`savePixmap2SystemFile 保存图片成功。${path}`);
      await fileIo.write(file.fd, data);
      await fileIo.close(file.fd);
      if (isToast) {
        promptAction.showToast({ message: '保存图片成功!' });
      }
      success(path);
    }, (err: BusinessError) => {
      console.error(`savePixmap2SystemFile 保存图片成功。code:${err.code},message: ${err.message}`);
      if (isToast) {
        promptAction.showToast({ message: '保存图片失败!' });
      }
      error(err);
    })
  }
}
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,372评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,368评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,415评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,157评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,171评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,125评论 1 297
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,028评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,887评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,310评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,533评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,690评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,411评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,004评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,659评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,812评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,693评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,577评论 2 353

推荐阅读更多精彩内容