当前位置:首页 > 技术 > 正文内容

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

Lotus2022-12-19 10:19技术

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 *查询字符串
ViewerBase 浏览器页面路径 内置 PDFJS_URL
移除参数
Func<string, Task>? OnInfo
Func<string, Task>? OnError
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://news.layui.org.cn/post/1177.html

分享给朋友:

“Blazor组件自做十二 : Blazor Pdf Reader PDF阅读器 组件 (新版 7.1 移除pdfobject)” 的相关文章

Vue3 Vite3 多环境配置 - 基于 vite 创建 vue3 全家桶项目(续篇)

在项目或产品的迭代过程中,通常会有多套环境,常见的有: dev:开发环境 sit:集成测试环境 uat:用户接收测试环境 pre:预生产环境 prod:生产环境 环境之间配置可能存在差异,如接口地址、全局参数等。在基于 vue-cli (webpack) 的项目中只需要添加 .env.xxx 文件,然后在 package.json 的 scripts 启动或打包命令中指定 mode...

如何使用 Yolov4 训练人脸口罩检测模型

前言 疫情当下,出入医院等公共场所都被要求佩戴口罩。这篇博客将会介绍如何使用 Yolov4,训练一个人脸口罩检测模型(使用 Yolov4 的原因是目前只复现到了 v4 ????),代码地址为 https://github.com/zhiyiYo/yolov4。 Yolov4 Yolov4 的神经网络结构相比 Yolov3 变化不是很大,主要更换了激活函数为 Mish,增加了 SPP 块和 PAN...

初始多线程

初始多线程 一、基本概念 1.1 应用程序 以 Windows 为例,一个拓展名为 .exe 的文件就是一个应用程序,应用程序是能够双击运行的。 1.2 进程 应用程序运行起来就创建了一个进程,即进程就是运行起来的应用程序;如电脑上运行的 Edge、Typora、PotPlayer 等。 进程的特点: 一个进程至少包含一个线程(主线程,main)。 可以包含多个线程(主线程+若干子线程)。 所...

TTD 专题 (第一篇):C# 那些短命线程都在干什么?

一:背景 1.讲故事 在分析的众多dump中,经常会遇到各种奇葩的问题,仅通过dump这种快照形式还是有很多问题搞不定,而通过 perfview 这种粒度又太粗,很难找到问题之所在,真的很头疼,比如本篇的 短命线程 问题,参考图如下: 我们在 t2 时刻抓取的dump对查看 短命线程 毫无帮助,我根本就不知道这个线程生前执行了什么代码,为什么这么短命,还就因为这样的短命让 线程池 的线程暴增。...

JavaScript之无题之让人烦躁的模块化

  我怎么记得我好像写过相关类型的文章,但是我找遍了我的博客没有~那就再写一遍吧,其实模块化的核心内容也算不上是复杂,只不过需要整理一下,规划一下罢了。嘻嘻。   开始写标题的时候我就在纠结一件事情,就是,先吃喜欢吃的,还是后吃喜欢吃的,翻译过来就是我应该先写CommonJS和ES6 Module,还是先写CMD和AMD。嗯,我决定了,谁先做好了我就先吃谁。   其实模块化的缘由很简单,就一句话,...

【大话云原生】煮饺子与docker、kubernetes之间的关系

文章开始之前,我给大家推荐一个人工智能学习网站,首先说我之前是完全不涉及人工智能领域的,但是我尽然看懂了,以后老哥我就要参与人工智能了。如果你也想学习,点击跳转到网站 云原生的概念最近非常火爆,企业落地云原生的愿望也越发强烈。看过很多关于云原生的文章,要么云山雾罩,要么曲高和寡。 所以笔者就有了写《大话云原生》系列文章的想法,期望用最通俗、简单的语言说明白云原生生态系统内的组成及应用关系。那么,...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。