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 Apply()
    {
        await fileViewer.Reload(Url);
    }
}

4.引數說明

引數	說明	預設值
Filename	Excel/Word 檔案路徑或者URL
Width	寬度	100%
Height	高度	700px
StyleString	元件外觀 Css Style
Html	設定 Html 直接渲染
Stream	用於渲染的檔案流,為空則用Filename引數讀取檔案	null
IsExcel	檔案流模式需要指定是否 Excel. 預設為 false
Reload(string filename)	重新載入檔案方法
Refresh()	重新整理方法