Blazor组件自做十四 : Blazor FileViewer 文件预览组件

最新推荐文章于 2025-11-30 03:44:44 发布

原创

最新推荐文章于 2025-11-30 03:44:44 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#excel

Blazor FileViewer 文件预览组件

目前支支持 Excel(.docx) 和 Word(.xlsx) 格式

示例:

https://www.blazor.zone/fileViewers

https://blazor.app1.es/fileViewers

使用方法:

1.nuget包

BootstrapBlazor.FileViewer

2._Imports.razor 文件或者页面添加添加组件库引用

@using BootstrapBlazor.Components

3.razor页面

<FileViewer Filename="c:/DemoShared/sample.xlsx" />

<FileViewer Filename="c:/DemoShared/sample.docx" />

<FileViewer Filename="https://localhost:5011/_content/DemoShared/sample.xlsx" />

<FileViewer Filename="https://localhost:5011/_content/DemoShared/sample.docx" />

<FileViewer @ref="fileViewer" Filename=@Url />

@code{
    private string Url { get; set; } = ("c:/sample.docx");

    private async Task Ap