Images not display

[HuaxiaGoodBoy]

Question

Images not displayed when using local path and setting AppView to "WEB_BROWSER"

Code sample

import flet as ft


def main(page: ft.Page):
    page.title = "GridView Example"
    page.theme_mode = ft.ThemeMode.DARK
    page.padding = 50
    page.update()

    images = ft.GridView(
        expand=1,
        runs_count=5,
        max_extent=200,
        child_aspect_ratio=1.0,
        spacing=50,
        run_spacing=50,

    )

    page.add(images)

    for img in ['img1.jpg', 'img2.jpg', 'img3.jpg', 'img4.jpg']:
        images.controls.append(
            ft.Image(
                src=f"./img/{img}",
                fit=ft.ImageFit.CONTAIN,
                repeat=ft.ImageRepeat.NO_REPEAT,
                border_radius=ft.border_radius.all(10),
                tooltip='Compressor',
            )
        )

    page.update()


ft.app(target=main, view=ft.WEB_BROWSER)

Error message

Blank browser page

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.

[ndonkoHenri]

Remove the first dot from the path and retry.

[HuaxiaGoodBoy]

It doesn't work either.

for img in ['img1.jpg', 'img2.jpg', 'img3.jpg', 'img4.jpg']:
    images.controls.append(
        ft.Image(
            src=f"/img/{img}",
            fit=ft.ImageFit.CONTAIN,
            repeat=ft.ImageRepeat.NO_REPEAT,
            border_radius=ft.border_radius.all(10),
            tooltip='Compressor',
        )
    )

[ndonkoHenri]

where is the img folder located? (in the root folder of the app or in some other one)

[HuaxiaGoodBoy]

In the root folder.

[HuaxiaGoodBoy]

The imagses could display if removing "view=ft.FLET_APP_WEB" in line 36.

ft.app(target=main)

[ndonkoHenri]

Read this: https://flet.dev/docs/controls/image#src
You need to set the img folder as asset directory.

[HuaxiaGoodBoy]

It works well now. Thanks a lot for your guideline! 👍