基于PhotoViewPicker对图片进行操作

Image(this.pixelMap).width(200).height(200) 
  Button('打开相册') 
          .onClick(() => { 
            //创建图库选择器对象实例 
            const photoViewPicker = new picker.PhotoViewPicker(); 
            //调用select()接口拉起图库界面进行文件选择,文件选择成功后，返回PhotoSelectResult结果集 
            photoViewPicker.select().then(async (photoSelectResult: picker.PhotoSelectResult) => { 
              //用一个全局变量存储返回的uri 
              selectUris = photoSelectResult.photoUris; 
              console.info('photoViewPicker.select to file succeed and uris are:' + selectUris); 
              //使用fs.openSync接口，通过uri打开这个文件得到fd 
              let file = fs.openSync(selectUris[0], fs.OpenMode.READ_ONLY); 
              console.info('file fd: ' + file.fd); 
              //根据文件fd创建imagSource 
              const imageSource: image.ImageSource = image.createImageSource(file.fd); 
              //完成后关闭fd 
              fs.closeSync(file); 
              let decodingOptions: image.DecodingOptions = { 
                editable: true, 
                desiredPixelFormat: 3, 
              } 
              //创建pixelMap 
              imageSource.createPixelMap(decodingOptions).then(async (pixelMap1: image.PixelMap) => { 
                this.pixelMap = pixelMap1; 
              }); 
            }).catch((err: BusinessError) => { 
              console.error(`Invoke photoViewPicker.select failed, code is ${err.code}, message is ${err.message}`); 
            }) 
          })
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.

  Button("图片操作") 
          .margin({ top: 20 }) 
          .onClick(async (event: ClickEvent) => { 
            if (this.pixelMap) { 
              //旋转90度 
              await this.pixelMap.rotate(90); 
              //创建图像编码ImagePacker对象。 
              const imagePackerApi = image.createImagePacker(); 
              //设置编码输出流和编码参数。 
              // format为图像的编码格式；quality为图像质量，范围从0-100，100为最佳质量。 
              let packOpts: image.PackingOption = { format: "image/jpeg", quality: 100 }; 
              //通过PixelMap进行编码 
              imagePackerApi.packing(this.pixelMap, packOpts).then(async (data: ArrayBuffer) => { 
                // data 为打包获取到的文件流，写入文件保存即可得到一张图片 
                arrayBuffer = data; 
              }).catch((error: BusinessError) => { 
                console.error('Failed to pack the image. And the error is: ' + error); 
              }) 
 
            } 
          })
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.

try { 
              const photoSaveOptions = new picker.PhotoSaveOptions(); // 创建文件管理器保存选项实例 
              photoSaveOptions.newFileNames = ["PhotoViewPicker01.png"]; // 保存文件名（可选），方括号里的文件名自定义，每次不能重复，设备里已有这个文件的话，名字就需要改个不一样的，不然接口会报错 
              const photoViewPicker = new picker.PhotoViewPicker(); 
              try { 
                //调用save()接口拉起FilePicker界面进行文件保存。用户选择目标文件夹，用户选择与文件类型相对应的文件夹，即可完成文件保存操作 
                let photoSaveResult = await photoViewPicker.save(photoSaveOptions); 
                if (photoSaveResult != undefined) { 
                  //保存成功后，并用一个全局变量存储返回的uri 
                  saveUris = photoSaveResult; 
                  console.info('photoViewPicker.save to file succeed and uris are:' + photoSaveResult); 
                } 
              } catch (error) { 
                let err: BusinessError = error as BusinessError; 
                console.error(`[picker] Invoke photoViewPicker.save failed, code is ${err.code}, message is ${err.message}`); 
              } 
            } catch (error) { 
              let err: BusinessError = error as BusinessError; 
              console.info("[picker] photoViewPickerSave error = " + JSON.stringify(err)); 
            }
 try { 
              //使用fs.openSync接口，通过选择和保存uri打开这两个文件得到fd，这里需要注意接口权限参数分别是fs.OpenMode.READ_ONLY和fs.OpenMode.WRITE_ONLY 
              let photoSelect = fs.openSync(selectUris[0], fs.OpenMode.READ_ONLY); 
              let photoSave = fs.openSync(saveUris[0], fs.OpenMode.WRITE_ONLY); 
              //再调用fs.copyFileSync接口进行复制 
              fs.copyFileSync(photoSelect.fd, photoSave.fd); 
              //完成后关闭两个文件。 
              fs.close(photoSelect); 
              fs.close(photoSave); 
            } catch (error) { 
              let err: BusinessError = error as BusinessError; 
              console.info("[picker] Photo Save error = " + JSON.stringify(err)); 
            } 
 
          })
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.

 @State saveButtonOptions: SaveButtonOptions = { 
    icon: SaveIconStyle.FULL_FILLED, //设置保存按钮的图标风格,不传入该参数表示没有图标，icon和text至少存在一个；这里设置为：保存按钮展示填充样式图标。 
    text: SaveDescription.SAVE_IMAGE, //设置保存按钮的文本描述, 不传入该参数表示没有文字描述,这里设置为：保存按钮的文字描述为“保存图片”。 
    buttonType: ButtonType.Capsule   //设置保存按钮的背景样式,   不传入该参数表示没有背景。这里设置为：胶囊型按钮（圆角默认为高度的一半）。 
  } // 设置安全控件按钮属性
SaveButton(this.saveButtonOptions)// 创建安全控件按钮 
  .padding(10) 
    //点击动作触发该回调。 
  .onClick(async (event, result: SaveButtonOnClickResult) => { 
    //SaveButtonOnClickResult枚举说明 
    //名称 枚举值  描述 
    // SUCCESS 0  保存按钮点击成功。 
    // TEMPORARY_AUTHORIZATION_FAILED  1  保存按钮点击后权限授权失败。 
 
    if (result == SaveButtonOnClickResult.SUCCESS) { 
      // result：存储权限的授权结果，授权时长为10秒，即触发点击后，可以在10秒之内不限制次数的调用特定媒体库接口，超出10秒的调用会鉴权失败。 
      try { 
        let context = getContext(); 
        //获取相册管理模块的实例，用于访问和修改相册中的媒体文件 
        let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(context); 
        // onClick触发后10秒内通过createAsset接口创建图片文件，10秒后createAsset权限收回 
        let uri = await phAccessHelper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpg'); // 创建媒体文件 
        console.info('createAsset successfully, uri: ' + uri); 
        let file = await fs.open(uri, fs.OpenMode.READ_WRITE || fs.OpenMode.CREATE); 
        //   // 使用uri打开文件，可以持续写入内容，写入过程不受时间限制 
        await fs.write(file.fd, arrayBuffer); 
        /// 关闭文件 
        await fs.close(file); 
        promptAction.showToast({ message: '已保存至相册！' }); 
      } catch (err) { 
        console.error('createAsset failed, message = ', err); 
      } 
    } else { 
      console.error('SaveButtonOnClickResult createAsset failed'); 
    } 
  })
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.

"requestPermissions": [ 
{ 
  "name": "ohos.permission.WRITE_IMAGEVIDEO", 
"reason": "$string:app_name", 
"usedScene": { 
  "abilities": [ 
  "FormAbility" 
  ], 
  "when":"always" 
} 
} 
]
async requestPermissionsFn() { 
  Logger.info(TAG, `requestPermissionsFn entry`); 
  try { 
    //申请相册管理模块权限'ohos.permission.WRITE_IMAGEVIDEO' 
    this.atManager.requestPermissionsFromUser(this.appContext, [ 
      'ohos.permission.WRITE_IMAGEVIDEO' 
 
    ]).then(() => { 
      Logger.info(TAG, `request Permissions success!`); 
      //权限申请成功，保存到图库 
      this.SavePicture() 
 
    }) 
  } catch (err) { 
    Logger.info(TAG, `requestPermissionsFromUser call Failed! error: ${err.code}`); 
 
  } 
}
async SavePicture(): Promise<void> { 
  // 
  try { 
  let context = getContext(); 
  //获取相册管理模块的实例，用于访问和修改相册中的媒体文件 
  let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(context); 
  //通过createAsset接口创建图片文件 
  let uri = await phAccessHelper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpg'); // 创建媒体文件 
  console.info('createAsset successfully, uri: ' + uri); 
  let file = await fs.open(uri, fs.OpenMode.READ_WRITE || fs.OpenMode.CREATE); 
  // 使用uri打开文件，可以持续写入内容，写入过程不受时间限制 
  await fs.write(file.fd, arrayBuffer); 
  // 关闭文件 
  await fs.close(file); 
} catch (err) { 
  console.error('createAsset failed, message = ', err); 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.