Blazor Pdf Reader PDF阅读器 组件
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>? one rror |
ForceIframe |
ForcePDFJS |
UrlBase |
View |
标签:Reader,v7.1,移除,模式,参数,Pdf,组件,PDF,页面 From: https://www.cnblogs.com/densen2014/p/17067478.html