ui.image will never load local image in single page app example about nicegui HOT 6 CLOSED

the main.py file is insdie single_page_app. actually I use an absolute path/web image will also have this problem. I will upload a screenshot later

from nicegui.

yes, check this video @python-and-fiction

    @router.add('/')
    def show_one():
        ui.image('https://github.com/zauberzeug/nicegui/blob/main/website/static/logo_square.png?raw=true')

    @router.add('/two')
    def show_two():
# my local path
        ui.image(r'C:\Users\atticus\Desktop\ToDoList-nicegui\single_page_app\logo_square.png')

    @router.add('/three')
    def show_three():
# your solution
        ui.image('single_page_app/logo_square.png')

from nicegui.

@falkoschindler hi falkoschindler, do you have any idea on this problem?

from nicegui.

same as #2011
Follow this
#2035 (comment)

from nicegui.

add statics file seem not work for me, but adding all reroute with ui.page works

from nicegui.

Hi @atticus-lv,

This is very confusing, but I think I understand what is happening:
The @ui.page('/{_:path}') decorator creates an endpoint that matches all routes including static images paths. But since the router can't serve images, the image isn't displayed.

As a workaround, you can limit the route to non-path strings (i.e. strings not containing a slash /): @ui.page('/{_}').

I'll close this issue, because it isn't really a bug but a limitation of our small "single page app" example.
A much more powerful API is in the making: PR #2811.

from nicegui.