在iframe中使用查看pdf文档
<!--我只用到了page-->
<iframe name="iframeRef" style="width:880px;height:800px" src="/${res}/pdfjs/web/viewer.html?file=${course.finalFilePath}&page=${courseUser.progress}"></iframe>
//获取当前阅读页数
window.frames['iframeRef'].document.getElementById('pageNumber').value;
打开文件时,从上次浏览页数开始(跳转到指定页码)
修改pdfjs包下viewer.js
viewer.js位置,如下图:
修改在setInitialView: function setInitialView(storedHash) {最下方加入如下方法
zoom:为默认缩放比例;page:为跳转至指定页码;top:为页面位置定位
var c_url=window.location.href;
if(c_url.indexOf("&")&&c_url.indexOf("=")){
var c_urlArray={}
var c_val=c_url.split('?')[1];
var c_valArray=c_val.split('&');
for(let i=0;i<c_valArray.length;i++){
let c_key=c_valArray[i].split('=')[0];
let c_value=c_valArray[i].split('=')[1];
c_urlArray[c_key]=c_value;
}
if(c_urlArray['zoom']){
this.pdfViewer.currentScale=c_urlArray['zoom'];
}
if(c_urlArray['page']){
document.getElementById('pageNumber').value = this.pdfViewer.currentPageNumber = c_urlArray['page']*1;
}
if(c_urlArray['top']){
document.getElementById('viewerContainer').scrollTop=document.getElementById('viewerContainer').scrollTop+c_urlArray['top']*1;
}
}