示例:
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() | 刷新方法 |
如果在 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
