HarmonyOS 鸿蒙Next如何选取相册图片作为头像并在下次打开时仍然显示

Button('上传头像')
  .onClick(async () => {
    // 1. 选择图片
    //     核心: 唤起相册app选择照片
    // !控制将来选择照片的选项-图片-1
    // 一、定义图片选择 Picker 的配置
    // 实例化 选项对象
    const photoSelectOptions = new picker.PhotoSelectOptions();
    // 过滤选择媒体文件类型为IMAGE
    photoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_TYPE;
    // 选择媒体文件的最大数目
    photoSelectOptions.maxSelectNumber = 1;

    // !调用picker身上的一个方法 拉起相册app 且传入选项 => 在then中获取用户选中的照片
    // 二、创建 图片选择对象并选择图片
    const photoViewPicker = new picker.PhotoViewPicker();
    // 调用 select 方法，传入选项对象
    const res = await photoViewPicker.select(photoSelectOptions)
    const uri = res.photoUris[0]
    // 2. 拷贝图片到缓存目录(要求你选好照片后 不能直接传服务器 需要先将上传的照片拷贝到一个临时的缓存目录中去)
    //     核心: 拷贝刚刚选中的照片 放到一个目录中
    // 三.将文件保存到缓存目录(只能上传在缓存目录中的文件)
    const context = getContext(this) 
    const fileType = 'jpg' // 文件后缀名
    // 生成一个新的文件名
    const fileName = Date.now() + '.' + fileType // 1714790727597.jpg   时间戳为了保证文件名不重复
    // 通过缓存路径+文件名 拼接出完整的路径
    const copyFilePath = context.cacheDir + '/' + fileName
    // 将文件 拷贝到 临时目录
    const file = fs.openSync(uri, fs.OpenMode.READ_ONLY) // 以只读的方式打开你刚刚选中的照片
    fs.copyFileSync(file.fd, copyFilePath) // 复制打开的照片 到缓存的文件夹中

    // 3. 图片上传
    let files: Array<request.File> = [

      {
        filename: fileName,
        type: fileType,
        name: 'img',
        uri: `internal://cache/${fileName}`
      }
    ]

    request.uploadFile(context, {
      url: '', // url 地址
      method: http.RequestMethod.POST, // 请求方法
      header: {
        // 和接口文档的要求的格式对象
        contentType: 'multipart/form-data',
      },
      files: files, // 文件信息
      data: [] 
    })
      //开始上传
      .then(res => {
        //上传进度事件
        res.on('progress', async (uploadedSize, totalSize) => {
          this.message = `已上传${((uploadedSize / totalSize) * 100).toFixed(0)}%`
          if (uploadedSize === totalSize) {
            promptAction.showToast({ message: '上传成功' })
          }
        })
      })
  })