使用Flet Python选择文件后界面图片消失问题求助

问题根源 #

你遇到的图片消失问题和Flet一次处理多少文件无关，核心原因是你直接在page.add()中创建了匿名的ft.Image控件，没有保留控件引用。当FilePicker触发页面更新时，这个匿名控件的状态无法被Flet的UI框架正确维护，导致它被从页面中移除。

修复方案 #

将Image控件赋值给一个变量，通过变量引用添加到页面中，确保控件的状态能被持续追踪：

import flet as ft

def main(page: ft.Page):
    # 把Image控件保存为变量，保留引用
    face_img = ft.Image(src="img/faceX.jpg", width=100, height=100)

    def pickFilesResult(e: ft.FilePickerResultEvent):
        txt.value = "".join(map(lambda f: f.name, e.files)) if e.files else "cancelled!"
        txt.update()

    txt = ft.Text(value="...")

    pickFilesDialog = ft.FilePicker(on_result=pickFilesResult)
    page.overlay.append(pickFilesDialog)

    page.add(
        face_img,  # 使用变量引用添加控件
        ft.IconButton(icon=ft.icons.SEARCH,on_click=lambda _: pickFilesDialog.pick_files()),
        txt
    )

if __name__ == "__main__":
    ft.app(target=main)

额外注意事项 #

• 确认img/faceX.jpg的路径正确：运行程序时的工作目录下必须存在该文件，你可以先用绝对路径（比如C:/project/img/faceX.jpg或/home/user/project/img/faceX.jpg）测试，排除路径问题。
• 如果后续要打包成可执行文件，需要在Flet的配置中声明assets目录，确保资源文件被正确打包和加载。

内容的提问来源于stack exchange，提问作者jariasca