在 Blazor Wasm 中，可以使用 JSInterop 来调用浏览器的 API 来加载本地文件。以下为一个简单的示例。

1. 首先，创建一个可以触发文件选择器的按钮。

选择文件

2. 在 C# 代码中，定义一个 JSInterop 方法来打开文件选择器。

[JSInvokable("LoadFile")] public static async Task LoadFile() { var file = await JSRuntime.InvokeAsync("eval", "(() => { const input = document.createElement('input'); input.type = 'file'; input.click(); return input; })()"); file!.SetProperty("style", "display:none;"); file!.AddEventListener("change", DotNetInteropAction); }

3. 定义 JSInterop 回调方法来获取读取的文件内容并将其传递到 C# 代码中。

private static async void DotNetInteropAction(JsonElement obj) { using var stream = await obj.GetProperty("target.files")[0].AsStream(); using var reader = new StreamReader(stream); var content = await reader.ReadToEndAsync();

await DotNetInterop.InvokeAsync("LoadFileCompleted", content.Trim());

}

4. 最后，在 C# 代码中，定义一个 JSInterop 方法来从文件选择器中获取文件内容。

[JSInvokable("LoadFileCompleted")] public static void LoadFileCompleted(string content) { // 处理文件内容 }

这些代码将允许 Blazor Wasm 应用程序加载并处理本地文件。