如何在 Blazor WebAssembly 中显示 .txt 文件的内容

Question

喜欢主题。我的问题是 - 是否可能，如果是，如何在 blazor 应用程序中显示 .txt 文件的内容？我正在使用 InputFile 从我的计算机加载文件。下面是我的实际代码，returns 什么都没有。

<div class="col-4">
    <InputFile OnChange="OnInputFileChanged"></InputFile>
</div>

<p>
    @fileContent
</p>

@code{
    private string fileContent = "";

    private async void OnInputFileChanged(InputFileChangeEventArgs e)
    {
        var file = e.File;

        var buffer = new byte[file.Size];
        await file.OpenReadStream().ReadAsync(buffer);

        fileContent = $"{Convert.ToBase64String(buffer)}";
    }
}

Answer 1

这是您的代码的工作版本：

@page "/"
<h3>ShowTextFile</h3>
<div class="col-4">
    <InputFile OnChange="OnInputFileChanged"></InputFile>
</div>

<pre>
    @fileContent
</pre>

@code{
    private string fileContent = "";

    private async Task OnInputFileChanged(InputFileChangeEventArgs e)
    {
        var file = e.File;
        long maxsize = 512000;

        var buffer = new byte[file.Size];
        await file.OpenReadStream(maxsize).ReadAsync(buffer);
        fileContent = System.Text.Encoding.UTF8.GetString(buffer);
    }
}