pdfjs 显示指定页码

最新推荐文章于 2024-04-24 11:40:27 发布

Amao?

最新推荐文章于 2024-04-24 11:40:27 发布

阅读量1.4k

点赞数 2

分类专栏：前端文章标签： javascript css3 前端

本文链接：https://blog.csdn.net/weixin_47338877/article/details/122039204

版权

前端专栏收录该内容

32 篇文章 2 订阅

订阅专栏

基于pdfjs 怎么用不描述了

后端返回响应数组
如 [2,3] 只显示第二页第三页

1 在viewer.js 定义全局变量var fpage=[2,3];

2 搜索setInitialView方法
在此方法最后加上 this.pdfViewer.currentPageNumber=parseInt(fpage[0])
表示获取进去当前页的页数
3 PDFPageView方法
找到这一串代码其后添加
在这里插入图片描述

 if(fpage.indexOf(this.id)==-1){
      div.style.visibility='hidden'
    }else{
      div.style.visibility='visible'}

此刻可以显示指定的页码

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Amao?

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
pdfjs 显示指定页码

前端 pdf
复制链接

扫一扫

专栏目录

使用PDF.js在网页显示pdf文件并跳转到指定页码

u010723516的博客

06-05

2万+

最近在做一个土地档案管理系统，有个需求是在前端网页展示土地档案扫描件的pdf文件，并根据目录跳转到指定页。第一个问题，显示pdf文件。引入pdf.js。然后设定html地址，地址为http://localhost:8080/JYSystem/static/plugins/pdfJs/web/viewer.html?file=pdf文件路径如图这一步网上已经有很多人实现了，并写

pdfjs_1.1.159添加在指定页码使用关键词检索

09-16

pdfjs_1.1.159内添加在指定页码使用关键词进行在当前页面进行检索，并且可选所有关键词高亮

参与评论您还未登录，请先登录后发表或查看评论

pdf.js 流文件展示,禁止下载,限制用户查看页数，保存阅读进度.

weixin_41901270的博客

05-10

6481

前端有时会在页面展示pdf文件,falsh也可以展示pdf文件，但是效果不好，不可控制。pdf.js可以很好的实现该功能，可以接受后台二进制的pdf流文件或者后台提供的有URL地址的PDF文件。下图是我展示的效果：上图pdf展示有下面几个功能可以控制： 1.pdf.js 可以从后台获取二进制pdf流文件展示，或者常规拥有URL的pdf文件 2.可控用户是否有权限下载，打印。 3.可控用户...

pdfjs-dist的进阶使用：手动触发pdf文件跳转到指定页码

qq_29517595的博客

04-24

966

pdfjs-dist的进阶使用：手动触发pdf文件跳转到指定页码

vue3项目使用pdf.js插件实现：搜索高亮、修改pdf.js显示的页码、向pdf.js传值、控制搜索、处理接口文件流

最新发布

04-27

渲染指定页码时，可以使用`PDFPageProxy`对象的`getOperatorList()`方法获取页面的操作列表，再调用`render()`方法进行渲染。以下代码展示了如何渲染第n页： ```javascript pdfDocument.getPage(n).then(function...

vue H5 查看pdf文件pdfjs

06-01

`loadPdf`方法用于加载PDF文档，`renderPage`方法负责渲染指定页码的页面。`nextPage`和`prevPage`方法用于切换页面。最后，你可以在你的主Vue组件或其他需要显示PDF的地方引入`PdfViewer`组件。通过这种方式，你...

pdf生成插件jspdf

03-29

pdf生成插件，兼容各种浏览器，样式可以自定义

jspdf实现JavaScript显示pdf文档可分页哦

12-08

jspdf源代码jspdf源代码jspdf源代码jspdf源代码jspdf源代码jspdf源代码

JSPDF(解决了全页面截图文图)

01-02

JSPDF(解决了全页面截图文图)，亲测可用。大家可以放心下载

vue：pdf.js使用细节/隐藏按钮/设置、获取当前页码/记录阅读进度/切换语言（国际化）

smm的博客

02-24

6668

vue中使用pdf.js的细节问题调研：隐藏功能按钮，设置、获取当前页码（记录阅读进度）以及切换语言（国际化）

pdf.js如何默认显示指定页码

小花同学的成长之路

07-24

1万+

前两天由于工作需要，用到了pdf.js,里面有功能是需要显示出来pdf的指定页数，百度了很长时间，发现百度上关于此类的问题的回答很少，可能都不会用到这个需求吧... 于是只能硬生生的去看看pdf.js里面的viewer.js源码，希望从中找到解决办法，但是接近8000行的代码，看的眼睛都花了... 于是想了一个捷径的方法，不是特别完美的解决了这个问题... 接下来，正式介绍： 1.首先

如何使用jsPDF 生成 pdf 文档

boyla333的博客

05-26

1806

{“pdfImgName”:“施工流程图1”,“width”:40,“height”:40,“src”:“data:image/gif;{“pdfImgName”:“图片名称”,“width”:图片宽度,“height”:图片高度,“src”:“图片base64编码”}主页点击蓝色"配置模版"链接，即可跳转配置页面，用于增删改章节模版，右侧填完提交，再点上方保存配置，就会把所有配置保存到本地。在模版中插入特定的的花括号{}包裹的内容可以插入图片和一些模版参数，下面分别是插入方法。

web端生成pdf，前端生成pdf导出并自定义页眉页脚

08-01

5452

前端导出pdf文件，并在页眉页脚加上企业logo或者是企业名称前端导出pdf这里的项目用的 vue-element-admin 的模板，vue 版本是 2.X 1、前端基础 html + css + js 2、vue 3、html2canvas 4、jspdf安装依赖：逻辑 1、初始化数据，html页面渲染 2、将html渲染出来的合同页面全部使用 html2canvas 转换为 canvas 3、准备随时生成临时的对应 a4 纸页面大小的 canvas 的方法 4、将合同页面生成的 canvas 分成

bootstrap 跳转指定页码

01-07

在Bootstrap中，可以通过使用`pagination`类和相应的`page-item`和`page-link`类来实现跳转到指定页码。首先，在HTML页面中创建一个`pagination`元素，其中包含所有页面的页码按钮。然后，为要跳转的页码按钮添加一个特定的标识符（例如`data-page`），以便在JavaScript中获取并处理该页码。接下来，在JavaScript代码中，使用事件委托来监听所有页码按钮的点击事件。当特定的页码按钮被点击时，获取其对应的页码值。最后，使用`window.location.href`将页面重定向到所选的页码对应的URL。可以通过将页码值添加到URL的查询字符串中，然后在目标页面中根据该查询字符串来进行相应处理。以下是一个示例的JavaScript代码实现： ```html <div class="pagination"> <a class="page-item page-link" data-page="1" href="#">1</a> <a class="page-item page-link" data-page="2" href="#">2</a> <a class="page-item page-link" data-page="3" href="#">3</a>  </div> <script> const pagination = document.querySelector('.pagination'); pagination.addEventListener('click', function(event) { event.preventDefault(); if (event.target.matches('.page-link')) { const page = event.target.getAttribute('data-page'); const url = window.location.href + '?page=' + page; window.location.href = url; } }); </script> ``` 在上面的示例中，当页码按钮被点击时，脚本会获取相应按钮的`data-page`属性值，并将其添加到当前页面的URL中的查询字符串中。然后，使用`window.location.href`重定向到新的URL。在目标页面中，可以读取查询字符串中的页码值，并采取相应的操作。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交