您现在的位置是:首页 > Javascript
当前栏目
Blazor组件自做十二 : Blazor Pdf Reader PDF阅读器 组件 (新版 7.1 移除pdfobject)
2023-03-20 15:21:29 时间
Blazor Pdf Reader PDF阅读器 组件
示例:
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 组件
AlexChow
相关文章
- 如何正确保留大括号?
- 带有 Spring Boot 的 Spring Data JPA 示例
- NLP模型也有“老师”了!装上这个开源库,1毫秒纠正语法错误
- 纯CSS实现常见的UI效果
- 深入了解前端监控原理
- 18个 编写 JavaScript 好习惯,好家伙,收藏里面吃灰吧!
- 动态规划:关于01背包问题,你该了解这些!
- 算法: 如何优雅的使用Javascript递归画一棵结构树
- 下一代消息队列Pulsar到底是什么?
- 2020 年 JavaScript 状态调研报告小结
- 什么是接口幂等性?为什么会产生这个问题?如何保证接口幂等性?
- 提升Node.js服务稳定性,需要关注哪些指标?
- JavaScript 事件循环 —— 微任务 Microtask
- 在 Node.js 中使用诊断报告快速追踪问题
- Dom 节点和 元素 有啥区别?好家伙,我弄懂了!
- “两数相加”,小学加法运算而已,不用递归没有灵魂!
- 虚拟DOM如何进化为真实DOM
- Springboot集成Swagger2以及常见配置(无坑版)
- 模拟和数字信号的桥梁——奈奎斯特采样定理
- 一篇文章带你了解CSS3 滤镜(Filters)之一