Blazor 直接读取并显示HTML 文件内容

如果你想在 Blazor 中直接读取 并显示HTML 文件，可以使用 .NET 的文件读取方法，比如 File.ReadAllText。Blazor Server（服务端）可以通过服务器的文件系统访问文件。

以下是针对 Blazor Server 的解决方案：

1. 使用 File.ReadAllText 方法

在 Blazor Server 中，可以通过 C# 的文件系统 API 来读取文件内容。

示例代码：

将 HTML 文件放在服务器可以访问的目录（例如 wwwroot 或其他目录）。

步骤 1: 确保文件路径正确，例如文件位于项目根目录下的 wwwroot/files/example.html。

@page "/read-file" 
@inject IWebHostEnvironment 
<h3>HTML 文件内容</h3> 
<div> @((MarkupString)HtmlContent) </div> 

@code 
{ 
     private string HtmlContent = string.Empty; 
     protected override void OnInitialized() 
     { 
           // 获取文件路径 
           var filePath = Path.Combine(Env.WebRootPath, "files", "example.html"); 
           // 读取文件内容 
           if (File.Exists(filePath)) 
              { 
                   HtmlContent = File.ReadAllText(filePath); 
              }  
          else 
              {
                   HtmlContent = "<p>文件未找到。</p>"; 
              } 
     } 
} 

说明：

1. 依赖注入 IWebHostEnvironment
  Env.WebRootPath 返回 wwwroot 目录的路径。
2. MarkupString
        用于将 HTML 内容直接呈现在页面中，而不是作为普通文本显示。
3. 检查文件路径
   确保文件路径和文件名正确，避免读取错误。

2. 注意事项

1. Blazor WebAssembly 无法直接使用 File.ReadAllText
   因为 WebAssembly 环境无法直接访问用户的文件系统。如果需要读取用户本地文件，可以借助文件上传功能。

2. 权限问题
   确保文件的访问权限正确，尤其是当文件不在 wwwroot 时。

3. 文件路径安全性
   如果用户能够指定文件路径，需验证路径的合法性，防止路径遍历攻击（Path Traversal）。