Blazor Pdf Reader PDF阅读器 组件 更新

时间:2023-01-26 07:08:32

https://www.nuget.org/packages/BootstrapBlazor.PdfReader#readme-body-tab

Blazor Pdf Reader PDF阅读器 组件 更新

示例:

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