代码拉取完成,页面将自动刷新
示例:
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() | 刷新组件 | ||
ShowPdf(Stream stream) | 从 stream 渲染PDF | ||
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 | |
CompatibilityNoneES5 | 兼容模式,兼容旧版不支持es5的浏览器 | false |
v7.2.0
v7.1.10
v7.1.9
v7.1.8
v7.1.7
v7.1.5
v7.1.4
v7.1.3
移除参数 |
---|
UrlBase |
View |
v7.1
移除参数 |
---|
Func<string, Task>? OnInfo |
Func<string, Task>? OnError |
ForceIframe |
ForcePDFJS |
UrlBase |
View |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。