BootstrapBlazor.FileViewer 8.0.3

Prefix Reserved
There is a newer version of this package available.
See the version list below for details.
dotnet add package BootstrapBlazor.FileViewer --version 8.0.3                
NuGet\Install-Package BootstrapBlazor.FileViewer -Version 8.0.3                
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="BootstrapBlazor.FileViewer" Version="8.0.3" />                
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add BootstrapBlazor.FileViewer --version 8.0.3                
#r "nuget: BootstrapBlazor.FileViewer, 8.0.3"                
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install BootstrapBlazor.FileViewer as a Cake Addin
#addin nuget:?package=BootstrapBlazor.FileViewer&version=8.0.3

// Install BootstrapBlazor.FileViewer as a Cake Tool
#tool nuget:?package=BootstrapBlazor.FileViewer&version=8.0.3                

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
NodataString 无数据提示文本 无数据
LoadingString 载入中提示文本 载入中...
Reload(string filename) 重新载入文件方法
Reload(Stream stream) 重新载入流方法
Refresh() 刷新方法

5.特别说明

如果在 Linux 下使用需要安装 libgdiplus 并开启 System.Drawing support.

相关错误提示: The type initializer for 'Gdip' threw an exception.

Enable System.Drawing support for non-Windows platforms: (reference):

In your project file (*.csproj), add:

 <ItemGroup>
     <RuntimeHostConfigurationOption Include="System.Drawing.EnableUnixSupport" Value="true" />
 </ItemGroup>

更新历史

v8.0.2

v7.0.2

v7.0.3

  • 添加 Reload(Stream stream) : 重新载入流方法
  • 修复 Reload(string filename) 不清空 Stream

Blazor 组件

条码扫描 ZXingBlazor nuget stats

图片浏览器 Viewer

手写签名 SignaturePad

定位/持续定位 Geolocation

屏幕键盘 OnScreenKeyboard

百度地图 BaiduMap

谷歌地图 GoogleMap

蓝牙和打印 Bluetooth

PDF阅读器 PdfReader

文件系统访问 FileSystem

光学字符识别 OCR

电池信息/网络信息 WebAPI

视频播放器 VideoPlayer

文件预览 FileViewer

视频播放器 VideoPlayer

图像裁剪 ImageCropper

视频播放器 BarcodeGenerator

AlexChow

今日头条 | 博客园 | 知乎 | Gitee | GitHub

Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 is compatible.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (3)

Showing the top 3 NuGet packages that depend on BootstrapBlazor.FileViewer:

Package Downloads
BlazorShared

BlazorMaui , 整合Blazor,BootstrapBlazor UI组件库,Maui的共享跨平台工程示例共享库

BootstrapBlazor.Densen.All

Blazor 组件懒人包

BootstrapBlazor.Shared

Package Description

GitHub repositories (3)

Showing the top 3 popular GitHub repositories that depend on BootstrapBlazor.FileViewer:

Repository Stars
dotnetcore/BootstrapBlazor
Bootstrap Blazor is an enterprise-level UI component library based on Bootstrap and Blazor.
densen2014/BlazorMaui
用 c # 和 Razor 创建本机移动应用和桌面应用。使用 Blazor.BB.Maui,可以快速开发共享代码库运行于 Windows (Winforms/WPF/UWP)、Android、iOS、macOS 的应用。
densen2014/BlazorHybrid
关于BlazorHybrid的一切研究. 用 c # 和 Razor 创建本机移动应用和桌面应用。快速开发共享代码库运行于 Windows (Winforms/WPF/UWP)、Android、iOS、macOS、Linux 的应用。
Version Downloads Last updated
9.0.0 294 11/13/2024
9.0.0-beta02 76 11/7/2024
9.0.0-beta01 108 11/1/2024
8.3.0 451 10/16/2024
8.1.1 229 10/10/2024
8.1.0 447 9/21/2024
8.0.3 2,099 5/21/2024
8.0.3-NPOI256 93 5/21/2024
8.0.3-beta2 98 5/21/2024
8.0.3-beta1 100 5/21/2024
8.0.1 1,844 12/9/2023
8.0.0 625 11/15/2023
7.0.3 5,076 2/17/2023
7.0.2 266 2/17/2023
7.0.1 1,592 12/23/2022
7.0.0 319 12/23/2022
1.0.0 367 12/23/2022