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>? OnError |
| ForceIframe |
| ForcePDFJS |
| UrlBase |
| View |