对话框

Wails 提供系统原生对话框,其外观与平台相匹配,用于打开文件、弹出消息和自定义。

文件选择对话框

在 后台我们通过 app 对象去打开

app.Dialog.OpenFile().
    SetTitle("选择").
    AddFilter("Images", "*.png;*.jpg;*.jpeg;*.webp;*.gif").
    PromptForSingleSelection()

但是最简洁的办法是,直接通过 runtime 给前端封装好的公共能力去做

import { Dialogs } from "@wailsio/runtime";

const path = await Dialogs.OpenFile({
    Title: "选择图片",
    Filters: [
        {
        DisplayName: "Images",
        Pattern: "*.png;*.jpg;*.jpeg;*.webp;*.gif",
        },
    ],
    AllowsMultipleSelection: false,
});
console.log('文件选择为:'+path);