如何指定iframe的翻页,缩放等配置(思路,通过在pdf链接后面带参,然后在viewer.js识别pdf链接后面的参数,从而达到配置的目的
1、找到public/pdfjs/web/viewer.js,搜索setInitialView,并修改这个方法。
在这个方法的最后面添加以下代码段
//获取url
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;
}
}
2、在pdf链接后面带对应参数即可
viewer_mobile.html?file=http://localhost:8080/demo/js/pdfModel/web/test.pdf&zoom=1