网页Iframe读取PDF文件的参数设置

在网页中读取和显示PDF文件,可以使用Iframe加载,只需要在iframe的src中设置pdf地址即可,如:

通过iframe加载pdf,不但可以在网页中读取和显示pdf文件内容,还可以通过一些参数来控制加载pdf的选项。

全部参数有:

参数:zoom,

可以设置pdf文件的缩放级别,值为百分比,如#zoom=150表示放大至150%。

参数:page,

页码参数,可以指定PDF文件打开时显示的页面,比如设置#page=3,表示直接打开PDF文件的第三页

参数:view,

可以设置页面的显示模式,比如设置#view=Fit可以将文档调整为尺寸自适应屏幕,设置#view=FitH可以将文档调整为自适应水平宽度,设置#view=FitV将文档调整为自适应高度。

参数:rotate,

可以旋转文档,比如设置#rotate=90表示顺时针旋转90度。

参数:toolbar,

控制是否显示工具栏,0表示隐藏,1表示显示,如设置#toolbar=0隐藏工具栏。

参数:menubar,

控制是否显示菜单栏,0表示隐藏,1表示显示,如设置#menubar=0隐藏菜单栏。

参数:navpanes,

控制是否显示导航窗格,0表示隐藏,1表示显示,如设置#navpanes=0隐藏导航窗格。

参数:search,

打开文档时执行搜索操作,值为搜索的关键词,如设置#search=keyword。

参数:comment,

启用注释,1表示启用,如设置#comment=1说明启用了PDF的注释。

参数:fullscreen,

在全屏模式下打开文档,如#fullscreen

参数:scrollbar,

控制是否显示滚动条,0表示隐藏,1表示显示,如设置#scrollbar=0表示隐藏滚动条。

参数:statusbar,

控制是否显示状态栏,0表示隐藏,1表示显示,如设置#statusbar=表示隐藏状态栏。

参数:pagemode,

设置文档打开时的显示模式,如设置#pagemode=bookmarks说明文档打开时显示书签,设置#pagemode=none说明文档打开时不显示任何导航窗格。

参数:nameddest,

将文档定位到指定的命名目标(书签),如设置#nameddest=Chapter2可以直接定位到Chapter2的书签。

参数:highlight,

控制是否高亮搜索结果,0表示不高亮,1表示高亮,如设置#highlight=1后将会自动高亮搜索结果。

设置方法:

#举例,以url中的参数来控制

<iframe src="aaa.pdf#zoom=150&page=2&view=fit&toolbar=0"></iframe>

相关推荐
cosinmz3 小时前
PDF 发票合并经验分享:月初高效整理发票的实用方法
经验分享·小程序·pdf·pdf转换·pdf发票合并·发票合并打印
一个博客3 小时前
pdf-viewer 实现预览pdf文件
开发语言·javascript·pdf
代码小库3 小时前
免费在线简历工具「面试帮」——18 款模板 + PDF 导出
面试·职场和发展·pdf
庖丁AI4 小时前
文档比对工具怎么选?Word、PDF、扫描件差异检测思路
pdf·word·扫描件·文档比对
asdzx6712 小时前
使用 Python 快速提取 PDF 中的表格
python·pdf
南风微微吹15 小时前
2026英语六级作文模版万能句子PDF电子版
pdf·英语六级
又是被bug折磨的一天16 小时前
对多个pdf合同文件批量命名
pdf
南风微微吹18 小时前
2026年英语四级作文模版万能句子PDF电子版
pdf·英语四级
这是个假程序员20 小时前
PDF分色、智能PDF黑彩识别工具
pdf
夜勤月20 小时前
HarmonyOS 6.0 ArkWeb实战:PDF背景色自定义功能全解析(附完整代码+避坑指南)
华为·pdf·harmonyos