FilePicker help on Web browser

[jdediegomrt]

Question

I can't make the FilePicker work on web with FastApi.
flet==0.19.0
flet-fastapi==0.19.0

Code sample

import os
import flet as ft
#...other imports

async def main(page: ft.Page):
    async def file_picker_event(e: ft.FilePickerResultEvent):
        pass

    async def export_click_e(e):
        await pick_files_dialog.save_file_async(
            file_name='test.xlsx',
            file_type='xlsx',
        )

    pick_files_dialog = ft.FilePicker(on_result=file_picker_event)
    page.overlay.append(pick_files_dialog)

    export_button = ft.Chip(
        label=ft.Text("Export"),
        leading=ft.Icon(ft.icons.FILE_DOWNLOAD_OUTLINED),
        on_click=export_click_e,
    )

    await page.add_async(export_button)
    await page.update_async()


# The app .py
import flet_fastapi
import os

from views.main_view import main

path_prefix = os.getenv("PATH_PREFIX") if os.getenv("PATH_PREFIX") else "/"

app = flet_fastapi.FastAPI()
app.mount(path_prefix, flet_fastapi.app(main))


# I run the app with this configuration:
{
    "configurations": [
        {
            "name": "api",
            "type": "debugpy",
            "request": "launch",
            "module": "uvicorn",
            "args": ["main_api:app","--port","8080","--log-level","debug","--reload"]
        }
    ]
}

Error message

There is no error message, the File Window doesn´t open

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

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

[ndonkoHenri]

Please first upgrade your Flet version, then read this.