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

Question

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

<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);
}
}