Blazor Pdf Reader PDF阅读器 组件

应小伙伴要求撸了一个简单的PDF阅读器组件

示例:

https://blazor.app1.es/pdfReaders

Tips:

Blazor 部署 pdf.js 不能正确显示中文资源解决办法

使用方法:

1.nuget包

BootstrapBlazor.PdfReader

2._Imports.razor 文件 或者页面添加 添加组件库引用

@using BootstrapBlazor.Components

3.razor页面

<PdfReader PdfFile="https://densen.es/test/webdev/pdf/sample.pdf" />
           
<PdfReader UrlBase="https://blazor.app1.es/"
           PdfFile="_content/DemoShared/sample.pdf" />

<PdfReader UrlBase="https://blazor.app1.es/"
           PdfFile="_content/DemoShared/sample.pdf" 
           EnableStreamingMode="true"/>

<pre>跨域最佳体验</pre>

<PdfReader UrlBase="https://blazor.app1.es/"
           PdfFile="_content/DemoShared/sample.pdf" 
           EnableStreamingMode="true"
           ForcePDFJS="true" />

4.参数说明

*表示PDF.js 专有

优先嵌入模式,不支持则回落倒pdf.js模式

跨域最佳体验: EnableStreamingMode=true , ForcePDFJS=true

项目源码

Github:

densen2014/BootstrapBlazor.PdfReader