Blazor组件自做十二 : Blazor Pdf Reader PDF阅读器 组件
原文链接 [https://www.cnblogs.com/densen2014/p/16954812.html]
Blazor Pdf Reader PDF阅读器 组件 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IChv1OZ2-1670428567016)(https://img.shields.io/nuget/v/BootstrapBlazor.PdfReader.svg?style=flat-square)]
https://blazor.app1.es/pdfReaders
Blazor 部署 pdf.js 不能正确显示中文资源解决办法
2._Imports.razor 文件 或者页面添加 添加组件库引用
@using BootstrapBlazor.Components
<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" />
参数 | 说明 | 默认值 |
---|---|---|
PdfStream | 用于渲染的文件流,为空则用URL参数读取文件 | |
PdfFile | PDF文件路径, https://xx.com/sample.pdf | null |
Func<string, Task>? OnInfo | 信息回调 | |
Func<string, Task>? OnError | 错误回调 | |
EnableStreamingMode | 使用流化模式,可跨域读取文件 | false |
UrlBase | PDF文件基础路径, (使用流化模式才需要设置), https://xx.com | |
Height | 高 | 700 |
Page | 指定页码,如果浏览器支持,将加载PDF并自动滚动到第n页 | 1 |
ForceIframe | 强制使用 Iframe | false |
ForcePDFJS | 强制使用 PDF.js | false |
PDFJS_URL | PDF.js 浏览器页面路径 | 内置 |
Search | *查询字符串 | |
View | *视图模式 | FitV |
Pagemode | *页面模式 | thumbs |
跨域最佳体验: EnableStreamingMode=true , ForcePDFJS=true
项目源码
Github
知识共享许可协议
本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布,但务必保留文章署名AlexChow(包含链接: https://github.com/densen2014 ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请与我联系 。
AlexChow
今日头条 | 博客园 | 知乎 | Gitee | GitHub
Blazor 组件
条码扫描 ZXingBlazor
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-82RJe3j0-1670428567030)(https://img.shields.io/nuget/v/ZXingBlazor.svg?style=flat-square)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-p92L01fx-1670428567031)(https://img.shields.io/nuget/dt/ZXingBlazor.svg?style=flat-square)]
图片浏览器 Viewer
条码扫描 BarcodeScanner
手写签名 Handwritten
手写签名 SignaturePad
定位/持续定位 Geolocation
屏幕键盘 OnScreenKeyboard
百度地图 BaiduMap
谷歌地图 GoogleMap
蓝牙和打印 Bluetooth
PDF阅读器 PdfReader
文件系统访问 FileSystem
光学字符识别 OCR
电池信息/网络信息 WebAPI
Blazor组件自做十二 : Blazor Pdf Reader PDF阅读器 组件相关推荐
- 从零实现Vue的组件库(十二)- Table 实现
基于Table标签的展示数据组件. Table 组件主要特点在于: 组件 data 的解耦,减少重复代码: 良好的扩展性,可以通过自定义列模板来适应不同的业务场景. 1. 实例 代码 <fat- ...
- PDF文档阅读器-福昕PDF阅读器下载
福昕PDF阅读器(Foxit Reader)是福昕公司推出的首款简体中文版本PDF文档阅读器,它的启动速度是很快的,是一款非常好用的软件.福昕PDF阅读器(Foxit Reader)是用户信赖的阅读器 ...
- pdf在线查看 html代码,PDF网页在线阅读器pdfjs
pdfjs是PDF网页在线阅读器,直接本地或远程加载PDF,设置输出文本字体.自适应页面显示.自定义头部底部显示. var doc = new pdfjs.Document({ font: asset ...
- latex dvi2pdf 取消使用pdf福晰阅读器打开
最近发现我的LaTeX编译后,使用dvi2pdf总是从福晰阅读器中打开. 1.每次修改重新编译时都要将阅读器中的pdf关闭,否则就不能开打.提示文件没有找到. 2.不能从阅读器的pdf中需要修改的位置 ...
- win10系统下修改pdf文件默认阅读器
1.找到任意一个pdf文件: 2.右键--属性--更改: 3.选择对应的阅读器. 结果:电脑中的pdf文件就会修改默认阅读器为所选阅读器.
- vue项目基于pdfjs-dist实现PDF简易版阅读器
文章目录 版本 功能 html部分 css部分 js部分 效果 版本 pdfjs-dist版本为2.9.359 功能 可阅读本地pdf文件 pdf页面翻页(上一页,下一页,跳转到某一页) pdf页面的 ...
- 聊聊高并发(二十二)解析java.util.concurrent各个组件(四) 深入理解AQS(二)
上一篇介绍了AQS的基本设计思路以及两个内部类Node和ConditionObject的实现 聊聊高并发(二十一)解析java.util.concurrent各个组件(三) 深入理解AQS(一) 这篇 ...
- OpenStack公共组件oslo之十二——oslo.policy
众所周知,OpenStack使用基于角色的权限访问控制(RBAC),在RBAC中,权限与角色相关联,用户通过成为适当角色的成员而得到这些角色的权限.这就极大地简化了权限的管理.在一个组织中,角色是为了 ...
- Vue生成带图片logo以及文字的二维码组件,可下载二维码为图片,附组件调用代码--核心qrcode
目录 1.初始化qrcode 2.二维码生成以及下载组件代码 可以自己控制是否生成logo以及文字说明 3.父页面调用组件代码 1.初始化qrcode cnpm install --save qrco ...
最新文章
- 黄仁勋从煤气灶下取出最新GPU:7nm全新安培架构,售价20万美元,训练性能顶6张V100...
- 每日一皮:这就是成都马拉松???...
- eplan导出部件汇总表_干货分享:西门子产品数据表导入到博途和EPLAN应用举例...
- 寒假每日一题(入门组)【week5 完结】
- (JavaWeb)IDEA中JDBC的使用
- linux安装java_linux中替换系统自带的OpenJDK
- 使用Spring boot,Thymeleaf,AngularJS从零开始构建新的Web应用程序-第2部分
- Python-使用tkinter实现的摇骰子小游戏
- antimalware service executable占用内存过高_SQLServer占用服务器内存过高,更改这个设置就能降低内存使用率
- 附带备忘录的斐波那契(C++)
- 前端性能优化—回流与重绘
- DS博客作业02--线性表
- layui php ajax分页,layui+thinkphp5.1实现分页(非动态表格)
- 横坐标设置_默认设置解决不了?!三种办法来解决,保住了Excel的“面子”
- 尚硅谷ssm整合实战项目笔记
- java获取中文首字母
- BZOJ 5442 [Ceoi2018]Global warming
- phantomjs自动截图生成图片
- 怎样锁定计算机本地磁盘,win7系统本地磁盘加密的操作方法
- 在电脑上下载 Youtube 的视频