首页 > 其他分享 >Blazor组件自做十二 : Blazor Pdf Reader PDF阅读器 组件 (新版 7.1 移除pdfobject)

Blazor组件自做十二 : Blazor Pdf Reader PDF阅读器 组件 (新版 7.1 移除pdfobject)

时间:2022-12-18 21:58:46浏览次数:59  
标签:移除 https 阅读器 组件 PDF Blazor

Blazor Pdf Reader PDF阅读器 组件

QQ截图20221218143438

示例:

https://www.blazor.zone/PdfReaders

https://blazor.app1.es/pdfReaders

使用方法:

1.nuget包

BootstrapBlazor.PdfReader

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

@using BootstrapBlazor.Components

3.razor页面

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

<pre>流化方式,可跨域</pre>
<PdfReader UrlBase="https://blazor.app1.es/"
           Filename="_content/DemoShared/sample.pdf" 
           StreamMode="true"/> 

4.参数说明

** 7.1 移除pdfobject, 一些参数也被移除,请注意更改 **

参数 说明 默认值 旧版名称
Stream 用于渲染的文件流,为空则用URL参数读取文件 PdfStream
Filename PDF文件URL null
StreamMode 使用流化模式,可跨域读取文件 false EnableStreamingMode
UrlBase PDF文件基础路径, (使用流化模式才需要设置), https://xx.com
Width 宽 单位(px %) 100%
Height 高 单位(px %) 500px
Page 页码 1
Navpanes 显示导航窗格 1
Toolbar 显示工具栏 1
Statusbar 显示状态栏 1
View *视图模式 FitV
Pagemode *页面模式 thumbs
Search *查询字符串
ForceIframe 强制使用 Iframe false
ForcePDFJS 强制使用 PDF.js false
ViewerBase PDF.js 浏览器页面路径 内置 PDFJS_URL
移除参数
Func<string, Task>? OnInfo
Func<string, Task>? one rror
ForceIframe
ForcePDFJS

开源地址

https://github.com/densen2014/BootstrapBlazor.PdfReader


Blazor 组件

条码扫描 ZXingBlazor
nuget
stats

图片浏览器 Viewer

条码扫描 BarcodeScanner

手写签名 Handwritten

手写签名 SignaturePad

定位/持续定位 Geolocation

屏幕键盘 OnScreenKeyboard

百度地图 BaiduMap

谷歌地图 GoogleMap

蓝牙和打印 Bluetooth

PDF阅读器 PdfReader

文件系统访问 FileSystem

光学字符识别 OCR

电池信息/网络信息 WebAPI

视频播放器 VideoPlayer

AlexChow

今日头条 | 博客园 | 知乎 | Gitee | GitHub

标签:移除,https,阅读器,组件,PDF,Blazor
From: https://www.cnblogs.com/densen2014/p/16991019.html

相关文章

  • 学习vue3组件事件时,思维发散(溜号)的感悟
    https://cn.vuejs.org/guide/components/events.html#usage-with-v-model 老婆在客厅看,英文、日文影片(或动漫) 我就溜号了,想起英文发音和日文发音(包括中文发音)的差异,......
  • Transformers库之模型(Model)组件和分词器(Tokenizer)组件
    目录模型加载模型保存模型分词器分词策略加载与保存分词器编码与解码文本处理多段文本Padding操作Attentionmasks直接使用分词器编码句子对模型在之前介绍pipeline组......
  • java验证码组件Jcaptcha
    Jcaptcha验证码生成组件用法1.创建项目JcaptchaDemo2.引入相关.jar文件jcaptcha-1.0-all.jar;commons-logging-1.0.4.jar;commons-collections-2.1.1.jar3.创建GMailEngine,仿......
  • 学习ASP.NET Core Blazor编程系列十七——文件上传(上)
    学习ASP.NETCoreBlazor编程系列文章之目录学习ASP.NETCoreBlazor编程系列一——综述学习ASP.NETCoreBlazor编程系列二——第一个Blazor应用程序(上)学习A......
  • VUE组件
    9.Vue组件组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任......
  • VUE组件
    9.Vue组件组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用......
  • Transformers 库pipeline组件
    目录pipeline组件基本用法pipeline组件基本用法Transformers库将目前的NLP任务归纳为以下几类:文本分类:例如情感分析、句子对关系判断等;对文本中的词语进行分类:例如词......
  • vue2中使用react组件
    参考:https://blog.csdn.net/Claire_cz/article/details/125257392​ https://www.jianshu.com/p/933d3961f9f2按照https://blog.csdn.net/Claire_cz/article/details......
  • 前端开发系列102-小程序篇之小程序中的基础组件(四)
    title:前端开发系列102-小程序篇之小程序中的基础组件(四)tags:categories:[]date:2018-12-0800:00:09本文介绍小程序中的基础组件,主要包括form表单、radio和lab......
  • 前端开发系列101-小程序篇之小程序中的基础组件(三)
    title:前端开发系列101-小程序篇之小程序中的基础组件(三)tags:categories:[]date:2018-12-0700:00:09本文介绍小程序中的基础组件,主要包括swiper、scroll-view......