HarmonyOS 鸿蒙Next 代码如何实现读取rawfile下的图片

在rawfile下创建了一个文件夹，名字为name，在name下放了一张jpg的图片。请问代码怎么实现读取这个图片。

sinazl 1楼•10 小时前

sinazl 2楼•10 小时前

在HarmonyOS（鸿蒙）系统中，读取rawfile目录下的图片资源通常涉及访问应用自身的资源文件。以下是一个基本的实现步骤和代码示例，假设你使用的是ArkUI（eTS）框架：

确保图片已添加到rawfile目录：将图片文件放置到项目的resources/rawfile目录下。

在代码中读取图片：

import resource from '[@ohos](/user/ohos).multimedia.resource';

[@Entry](/user/Entry)
[@Component](/user/Component)
struct Index {
    @State private imageUri: string = '';

    aboutToAppear() {
        resource.getUriSync('/rawfile/your_image_name.png').then((uri) => {
            this.imageUri = uri.toString();
        }).catch((err) => {
            console.error('Failed to get image URI:', err);
        });
    }

    build() {
        return (
            <Image
                src={this.imageUri}
                width="100%"
                height="100%"
            />
        );
    }
}

注意替换your_image_name.png为你的图片文件名。

运行应用：确保应用正确构建并运行，图片应显示在界面上。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html