HarmonyOS Image组件如何加载本地文件夹里面的图片

项目中使用UIAbilityContext的filesDir作为根目录,后续将图片存储在该目录下的子文件夹中,文件路径如下所示:

/data/storage/el2/base/haps/entry/files/media/HiFrame/picture/2024-08-08/20240808195116535.jpg

现在想用Image组件去加载这个图片,发现报错了:thumbnail.mThumbnailsPath内容为上面的示例文件路径

Image("file:/" + thumbnail.mThumbnailsPath)
  .width('100%')
  .height('100%')
  .onError((error: ImageError) => {
    console.error(error.message)
  })

错误信息:

08-08 19:59:27.783 33556-34017 C0391F/AceImage com.hikvi…recenter W [image_loader.cpp(LoadImageData)-(100000:100000:scope)] realpath fail! filePath: /data/storage/el2/share/r/data/storage/el2/base/haps/entry/files/media/HiFrame/picture/2024-08-08/20240808195116535.jpg, fail reason: No such file or directory src:file://data/storage/el2/base/haps/entry/files/media/HiFrame/picture/2024-08-08/20240808195116535.jpg

如何使用Image组件加载这张图片,或者有没有其他方式可以加载

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
aquaa

参考如下方法

const dateStr = (new Date().getTime()).toString()
let .cachePath = this.context.cacheDir + '/'+dateStr +'.png';
let realUri = 'file://' + cachePath ;//第一种方法

realUri = fileuri.getUriFromPath(cachePath );//第二种方法,需要导入import fileuri from '@ohos.file.fileuri';
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS Image加载本地图片咨询
664浏览 • 1回复 待解决
HarmonyOS Image组件加载图片报错
182浏览 • 1回复 待解决
HarmonyOS加载Image组件图片
669浏览 • 1回复 待解决
Image组件如何加载网络图片
2843浏览 • 1回复 待解决
HarmonyOS Image加载图片
62浏览 • 1回复 待解决
HarmonyOS Image组件加载在线图片报错
451浏览 • 1回复 待解决
Image组件如何加载沙盒内的图片
2739浏览 • 1回复 待解决
HarmonyOS image组件图片加载性能数据
530浏览 • 1回复 待解决