使用pdf.js插件预览pdf文件时怎么去掉pdf文件的浏览记录

105 篇文章 2 订阅
100 篇文章 6 订阅

最近在开发pdf文件预览相关的需求,我用的插件是pdf.js

官网地址:http://mozilla.github.io/pdf.js/
中文文档地址:https://gitcode.gitcode.host/docs-cn/pdf.js-docs-cn/print.html

每次预览一个pdf文件时,例如我预览到第六页后退出或者关掉页面,下次进来预览时还是第六页,说明pdf.js存储了浏览的记录或者位置

那怎么去掉历史记录,每次进入的时候都是从第一页开始预览呢?

我们首先在viewer.js搜pdfjs.history,可以找到下面这样一行代码:

localStorage.setItem('pdfjs.history',databaseStr)

然后把这一行代码注释掉就可以了,就实现了清除缓存或者浏览记录的目的。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用PDF.js件在HTML中PDF文件的方法如下: 1. 首先在HTML页面中引入PDF.js件的脚本文件和样式表,可以通过以下代码实现: ``` <script src="/path/to/pdf.js"></script> <link rel="stylesheet" href="/path/to/pdf_viewer.css"> ``` 2. 在HTML页面中创建一个容器元素,用于显示PDF文件的内容,可以通过以下代码实现: ``` <div id="pdfViewer"></div> ``` 3. 在JavaScript代码中使用PDF.js件加载PDF文件并将其显示在容器元素中,可以通过以下代码实现: ``` var pdfPath = "/path/to/pdf_file.pdf"; PDFJS.getDocument(pdfPath).then(function(pdf) { var pdfViewer = document.getElementById("pdfViewer"); for (var pageNum = 1; pageNum <= pdf.numPages; pageNum++) { pdf.getPage(pageNum).then(function(page) { var canvas = document.createElement("canvas"); pdfViewer.appendChild(canvas); var viewport = page.getViewport(1.0); canvas.width = viewport.width; canvas.height = viewport.height; var context = canvas.getContext("2d"); var renderContext = { canvasContext: context, viewport: viewport }; page.render(renderContext); }); } }); ``` 4. 最后,在CSS样式表中为容器元素设置一些基本样式,以确保PDF文件能够正确地显示,可以通过以下代码实现: ``` #pdfViewer { width: 100%; height: 100%; overflow: auto; } ``` 以上就是使用PDF.js件在HTML中PDF文件的方法。需要注意的是,PDF.js件需要加载PDF文件并将其渲染到画布上,因此对于较大的PDF文件或较慢的网络连接可能会导致加载间较长的问题。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值