OpenHarmony开发者论坛

标题: 如何显示沙箱路径下的照片 [打印本页]

作者: abcdef 时间: 2024-1-26 13:46
标题: 如何显示沙箱路径下的照片
在应用中，将多张照片存至沙箱路径下。如何实现，在页面中这几张照片的预览和点击切换？

作者: 深开鸿_巴延兴 时间: 2024-1-26 17:17
标题: 如何显示沙箱路径下的照片
[md]要先明确Image()存档图类型数据源的类型分为：本地资源、网络资源、Resource资源、媒体库资源和base64。
所以要先获取应用的沙箱路径，再根据沙箱路径获取其对应的url。
用path获取url的接口为：`fileUri.getUriFromPath()`。
获取的应用沙箱路径为：`file://`
功能代码如下：
照片的预览：

```
Image(file://ohos.samples.componentcollection/data/storage/el2/base/haps/entry/files/${this.imageList[this.imageIndex]})
```

照片的切换：

```
Button('切换预制图片')
.onClick(() => {
this.imageIndex = (this.imageIndex + 1) % this.imageList.length; // 切换照片
})
```
[/md]

欢迎光临 OpenHarmony开发者论坛 (https://forums.openharmony.cn/)