HarmonyOS 使用picker组件从相册获取到图片之后存储到沙盒中，图片无法使用

通过@ohos.file.picker选图后，通过fs将图片写入到沙盒中，图片无法使用

代码：

第一步picker选图：

pickImageInAlbum(photoSelectOptions: picker.PhotoSelectOptions): Promise<picker.PhotoSelectResult> {
  return new Promise((resolve, reject) => {
  try {
  let photoPicker = new picker.PhotoViewPicker();
  photoPicker.select(photoSelectOptions).then((PhotoSelectResult: picker.PhotoSelectResult) => {
  resolve(PhotoSelectResult)
}).catch((err: BusinessError) => {
  reject(err)
});
} catch (error) {
  let err: BusinessError = error as BusinessError;
  reject(err)
}
})
}
let PhotoSelectOptions = new picker.PhotoSelectOptions();
PhotoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_TYPE;
PhotoSelectOptions.maxSelectNumber = params.count;
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.

第二步，写入图片：

const result: picker.PhotoSelectResult = await this.pickImageInAlbum(PhotoSelectOptions)
const isOriginalPhoto: boolean = result.isOriginalPhoto
const photo = result.photoUris[0]
const pixelMap = await this.getThumbnail(asset)
let pixelBytesNumber = pixelMap.getPixelBytesNumber();
const readBuffer = new ArrayBuffer(pixelBytesNumber);
pixelMap.readPixelsToBuffer(readBuffer).then(() => {
  let pixelmapArrayBuffer: ArrayBuffer = readBuffer;
  let filesDir: string = getContext(ImageCtor.mContext).filesDir
  let filePath = filesDir + "/xxxxcc.jpg";
  let file = fs.openSync(filePath, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);
  fs.writeSync(file.fd, pixelmapArrayBuffer);
  fs.fsyncSync(file.fd);
  const res = fs.accessSync(filePath)
  fs.closeSync(file);
})
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.

最终看divice file browser中存在该图片文件，但是破损无法使用

HarmonyOS

shlp

2024-12-27 15:23:31

892浏览

回答 1

按赞同

按时间

aquaa

可以参考如下文档实现保存文件：

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/save-user-file-V5

也可以参考如下demo:

saveImage() {
  let uris: Array<string> = [];
  const photoSelectOptions = new picker.PhotoSelectOptions();

  photoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_TYPE; // 过滤选择媒体文件类型为IMAGE
  photoSelectOptions.maxSelectNumber = 5; // 选择媒体文件的最大数目

  const photoViewPicker = new picker.PhotoViewPicker();
  photoViewPicker.select(photoSelectOptions).then(async (photoSelectResult: picker.PhotoSelectResult) => {
    uris = photoSelectResult.photoUris;
    console.info('photoViewPicker.select to file succeed and uris are:' + uris);
    let context = getContext(this);

    let file1 = fs.openSync(uris[0], fs.OpenMode.READ_ONLY);


    fs.stat(file1.fd).then((stat: fs.Stat) => {
      console.info("get file info succeed, the size of file is " + stat.size);
      let buffer = new ArrayBuffer(stat.size);
      let readLen = fs.readSync(file1.fd, buffer);
      let filePath = context.filesDir + "/test.png";
      console.log("testTag-filePath:" + filePath);
      let file = fs.openSync(filePath, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);

      let writeLen = fs.writeSync(file.fd, buffer);
      console.info("testTag-write data to file succeed and size is:" + writeLen);
      fs.closeSync(file);

    }).catch((err: BusinessError) => {
      console.error("get file info failed with error message: " + err.message + ", error code: " + err.code);
    });
  })
}
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.

2024-12-27 18:40:12

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS 使用picker组件从相册获取到图片之后存储到沙盒中，图片无法使用

订阅鸿蒙技术特刊，精选内容抢先看