HarmonyOS鸿蒙Next中showAssetsCreationDialog显示沙箱图片空白，预览空白

开发者您好，

当用户需要保存图片、视频等用户文件到相册时，开发者可以调用showAssetsCreationDialog弹窗授权保存图片到相册。

注意：调用showAssetsCreationDialog接口时请确保module.json5文件中的abilities标签中配置了label和icon项，因为showAssetsCreationDialog依赖module.json5文件中的abilities标签中label和icon项，所以module.json5文件中的abilities标签必须存在label和icon项。module.json5的配置文件如下：

// module.json5的部分代码
"abilities": [
  {
    "name": "EntryAbility",
    "srcEntry": "./ets/entryability/EntryAbility.ets",
    "description": "$string:EntryAbility_desc",
    "icon": "$media:app_icon",
    // 以product的配置为主
    "label": "$string:app_name_test",
    "startWindowIcon": "$media:startIcon",
    "startWindowBackground": "$color:start_window_background",
    "exported": true,
    "skills": [
      {
        "entities": [
          "entity.system.home"
        ],
        "actions": [
          "action.system.home",
          "wxentity.action.open"
        ]
      }
    ]
  }
]

使用弹窗授权保存图片到相册，首先获取需要保存到媒体库的位于应用沙箱的图片/视频uri，然后调用showAssetsCreationDialog接口弹窗授权，通过fs.copyFileSync将图片保存到相册，示例代码如下：

import { fileIo as fs, fileUri } from '@kit.CoreFileKit'
import { common } from '@kit.AbilityKit';
import { photoAccessHelper } from '@kit.MediaLibraryKit';
import { camera, cameraPicker as picker } from '@kit.CameraKit';

@Entry
@Component
struct Index {
  @State message: string = 'SaveButton';

  async saveFile() {
    let mContext = getContext(this) as common.Context;
    let types: Array<picker.PickerMediaType> = [picker.PickerMediaType.PHOTO];
    let pickerProfile: picker.PickerProfile = {
      cameraPosition: camera.CameraPosition.CAMERA_POSITION_BACK,
      videoDuration: 15
    };
    let pickerResult: picker.PickerResult = await picker.pick(mContext,
      types, pickerProfile);
    if (pickerResult.resultCode === 0) {
      // 成功
      let finalUri = pickerResult.resultUri;
      // 保存图片到缓存目录
      let dirpath = (getContext(this) as common.UIAbilityContext).tempDir + '/cameTem.jpg';
      let dirUri = fileUri.getUriFromPath(dirpath);
      let finalFile = fs.openSync(finalUri, fs.OpenMode.READ_ONLY)
      let dirFile = fs.openSync(dirpath, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE)
      fs.copyFileSync(finalFile.fd, dirFile.fd)
      fs.closeSync(finalFile);
      fs.closeSync(dirFile);
      console.info('ImagePicker', "Succeeded in copying. ");
      // 删除相册图片
      try {
        await photoAccessHelper.MediaAssetChangeRequest.deleteAssets(getContext(),
          [pickerResult.resultUri])
        finalUri = dirUri;
      } catch (err) {
        console.error('ImagePicker', `deleteAssetsDemo failed with error: ${err.code}, ${err.message}`);
      }
      console.info('ShowAssetsCreationDialogDemo.');
      // 获取需要保存到媒体库的位于应用沙箱的图片/视频uri
      try {
        let srcFileUris: Array<string> = [dirUri];
        let photoCreationConfigs: Array<photoAccessHelper.PhotoCreationConfig> = [{
          fileNameExtension: 'jpg',
          photoType: photoAccessHelper.PhotoType.IMAGE,
        }];
        let context = getContext();
        let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(context);
        let desFileUris: Array<string> =
          await phAccessHelper.showAssetsCreationDialog(srcFileUris, photoCreationConfigs);
        console.info('showAssetsCreationDialog success, data is ' + desFileUris);
        try {
          let srcFile = fs.openSync(srcFileUris[0], fs.OpenMode.READ_ONLY)
          let desFile = fs.openSync(desFileUris[0], fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE)
          fs.copyFileSync(srcFile.fd, desFile.fd)
          fs.closeSync(srcFile);
          fs.closeSync(desFile);
        } catch (e) {
          console.log(JSON.stringify(e))
        }
      } catch (err) {
        console.error('showAssetsCreationDialog failed, errCode is ' + err.code + ', errMsg is ' + err.message);
      }
    }
  }

  build() {
    RelativeContainer() {
      Text(this.message)
        .id('SaveButton')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
        .onClick(() => {
          this.saveFile();
        })
    }
    .height('100%')
    .width('100%')
  }
}