HarmonyOS 鸿蒙Next 如何在沙箱中读取图片视频一类的文件

1. 使用fs.listFileSync接口获取某个文件夹下的所有文件，若只需获取图片/视频类文件，可以传入第二个参数，根据后缀名过滤。示例如下：

@State imagePathList: string[] = [];

getFileDir() {
  let context = getContext(this) as common.UIAbilityContext;
  let fileDir: string = context.filesDir;
  // 根据后缀过滤，可根据实际需求传参
  let fileArray = fs.listFilesSync(fileDir, { filter: { suffix: ['jpg', '.mp4'] } });
  fileArray.forEach((fileStr: string) => {
    let filePath = fileDir + `${fileStr}`;
    // 获取到所有文件的path，继续展示逻辑
    imagePathList.push(filePath)
  })
}

参考链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-file-fs-V13#fslistfilesync

1. 使用Image组件展示图片类文件。注意Image组件不能直接传入应用沙箱路径，需要传入应用沙箱uri。可以调用fileUri.getUriFromPath方法将沙箱路径转化为沙箱uri，传入之后即可正常显示沙箱图片。

参考链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs-V5/faqs-arkui-154-V5

1. 使用Video组件展示视频类文件，同Image，需要path转uri才能展示。

参考链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-common-components-video-player-V5#加载沙箱路径视频

1. 页面布局根据需要自己设计，可以用List展示，注意性能优化