https://www.nuget.org/packages/BootstrapBlazor.PdfReader#readme-body-tab
示例:
https://www.blazor.zone/PdfReaders
https://blazor.app1.es/pdfReaders
使用方法:
1.nuget包
BootstrapBlazor.PdfReader
2._Imports.razor 文件 或者页面添加 添加组件库引用
@using BootstrapBlazor.Components
3.razor页面
<PdfReader FileName="pdf/sample.pdf" />
<PdfReader FileName="https://blazor.app1.es/_content/DemoShared/sample.pdf" />
<pre>流化方式,可跨域</pre>
<PdfReader FileName="https://densen.es/test/webdev/pdf/sample.pdf"
StreamMode="true"/>
4.参数说明
| 参数 | 说明 | 默认值 | 旧版名称 |
|---|---|---|---|
| FileName | PDF文件路径(Url或相对路径) | null | Filename |
| StreamMode | 使用流化模式,可跨域读取文件 | false | EnableStreamingMode |
| Width | 宽 单位(px/%) | 100% | |
| Height | 高 单位(px/%) | 500px | |
| StyleString | 组件外观 Css Style | ||
| Page | 页码 | 1 | |
| Pagemode | 页面模式, EnumPageMode 类型 | Thumbs | |
| Zoom | 缩放模式, EnumZoomMode 类型 | Auto | |
| Search | 查询字符串 | ||
| Refresh() | 刷新组件 | ||
| NavigateToPage(int page) | 跳转页码 | ||
| Refresh(int page) | 跳转页码 | ||
| Refresh(string? search, int? page, EnumPageMode? pagemode, EnumZoomMode? zoom) | 刷新组件(查询关键字,页码,页面模式,缩放模式) | ||
| Stream | 用于渲染的文件流,为空则用URL参数读取文件 | PdfStream | |
| ViewerBase | 浏览器页面路径 | 内置 | PDFJS_URL |
| Navpanes | 显示导航窗格 | true | |
| Toolbar | 显示工具栏 | true | |
| Statusbar | 显示状态栏 | true | |
| Debug | 显示调试信息 | ||
| AutoStreamMode | 'http' 开头自动使用流模式读取 | true | |
| Watermark | 水印内容 | ||
| ReadOnly | 禁用复制/打印/下载 | ||
| CompatibilityMode | 兼容模式,兼容旧版浏览器 | false |
更新历史
v7.1.7
- 添加 CompatibilityMode : 兼容模式,兼容旧版浏览器
v7.1.5
- 添加 AutoStreamMode: 'http' 开头自动使用流模式读取
- 添加 Watermark : 水印内容
- 添加 ReadOnly : 禁用复制/打印/下载
v7.1.4
- Filename 更改为 FileName
v7.1.3
- 移除pdfobject, 一些参数也被移除,请注意更改
| 移除参数 |
|---|
| UrlBase |
| View |
v7.1
- 移除pdfobject, 一些参数也被移除,请注意更改
| 移除参数 |
|---|
| Func<string, Task>? OnInfo |
| Func<string, Task>? OnError |
| ForceIframe |
| ForcePDFJS |
| UrlBase |
| View |