在使用pdf.js时,遇到一个问题,预览pdf之后,比如现在在第8页,等再次打开的时候还是在第八页,需要从第一页加载;或者可能有需求直接跳转到某一页,查了些资料发现提供的方案很多,一个好使的都没有,也有可能是我使用不当,反正都是以失败告终。最开始决定直接去读代码,通过源代码来解决这个问题,但是代码量有点大啊,只能另寻他法,后来发现关闭浏览器的时候,重新打开pdf还是从离开的页码加载,所以推测默认的配置应该时保存在localStorage,果然在view.js中发现了设置,localStorage.setItem('pdfjs.history', databaseStr)。
打印了一下存储的内容如下:
{"files":[{"fingerprint":"57f1f29cbad323c87a7921391211253d","sidebarView":0,"page":4,"zoom":"auto","scrollLeft":-17,"scrollTop":752,"rotation":0}]}
ok,现在开始解决问题。
1.展示首页
如果你想每次打开的时候都展示pdf的首页,那么直接注释view.js中的localStorage.setItem('pdfjs.history', databaseStr)即可。
2.跳转指定页
如果你想加载不同的页码,可直接在view.html中增加以下代码:
if(localStorage.getItem('pdfjs.history')){
if(typeof JSON.parse(localStorage.getItem('pdfjs.history')) === 'object' ){
var history = JSON.parse(localStorage.getItem('pdfjs.history'));
if(history.files && history.files[0]){
// 跳转指定页码
this.database.files[0].page = 6;
localStorage.setItem('pdfjs.history',JSON.stringify(history));
在使用pdf.js时,遇到一个问题,预览pdf之后,比如现在在第8页,等再次打开的时候还是在第八页,需要从第一页加载;或者可能有需求直接跳转到某一页,查了些资料发现提供的方案很多,一个好使的都没有,也有可能是我使用不当,反正都是以失败告终。最开始决定直接去读代码,通过源代码来解决这个问题,但是代码量有点大啊,只能另寻他法,后来发现关闭浏览器的时候,重新打开pdf还是从离开的页码加载,所以推测默认的...
最近在做一个土地档案管理系统 ,有个需求是在前端网页展示土地档案扫描件的pdf文件,并根据目录跳转到指定页。
第一个问题,显示pdf文件。引入pdf.js。然后设定html地址,地址为http://localhost:8080/JYSystem/static/plugins/pdfJs/web/viewer.html?file=pdf文件路径
这一步网上已经有很多人实现了,并写
官方下载地址:Getting StartedA general-purpose, web standards-based platform for parsing and rendering PDFs.http://mozilla.github.io/pdf.js/getting_started/#download 下载后解压缩文件,解压后文件目录如下: 将整个文件夹拷贝到项目public目录下的plugin文件夹下: 此时已经将pdf.js完全引入到项目中,然后在使用该功能的页面中写入:
其中通过v-
4 npm install jspdf –save
2 、定义全局函数 .. 创建一个htmlToPdf .js 文件在指定位置 . 我个人习惯放在 ( ‘ src /utils/htmlToPdf’ )
// 导出页面为PDF格式
import html2Canvas from 'html2canvas'
import
原始笔记本附在PDF上; 和
此扩展程序不需要LaTex。
创建的PDF将具有尽可能少的页面,在许多情况下只有一页。 如果要将笔记本导出为PDF,以便与将在屏幕上查看笔记本的其他人共享,则此功能很有用。
笔记本中的每个<h1>标签都将转换为PDF目录中的一个条目。
为了便于以后重现PDF的内容,将原始笔记本附加到PDF。 不幸的是,并非所有PDF查看者都知道如何处理附件。 已知支持文件附件下载的PDF查看器包括:Acrobat Reader,pdf.js和evince。 pdftk CLI程序还可以从PDF提取附件。 OSX预览版不知道如何显示/允许您访问PDF文件的附件。
要使用此捆绑器,您需要安装它:
python -m pip install -U notebook-as-pdf
pyppeteer-install
第二个命令将下载并设置Chromium。 它用于执行HTML到PDF的转换
DeerResume
DeerResume 不支持找回密码,如需持久化存储请使用基于DeerResume开发的托管服务 。
最好用的MarkDown在线简历工具,可在线预览、编辑、设置访问密码和生成PDF
可自行搭建,任意修改页面样式和风格
免安装,可放置于任何支持静态页面的云和服务器(当然包括GitHub
在线MarkDown编辑器+实时预览
在浏览器中实时保存草稿
支持阅读密码,您可以直接将网址和密码发送,供招聘方在线浏览
一键生成简单雅致的PDF,供邮件发送及打印
免部署的在线版本: →
Demo →
部署指南:→
教学:《如何写好一份技术简历》 →
如何在没有云端的情况下使用DeerResume?
请在可访问云端的情况下完成MarkDown的编辑,然后复制好简历内容。
修改app.js 注释掉第3行,打开第4行,将数据源切到本地。
修改data.php 填入标题和内容