pdf.js 跳到指定pdf页码以及实现高亮

一、vue 页端传参，file返回的是文件流，注意 keyword 值不能有引号，否则高亮失败，如果非要引号，高亮那边的值需要去掉引号:

document.getElementById("findInput").value=keyword; // keyword需要去掉引号

 

 

二、在pdf.js 里的 viewer.js 里找到：

 

setInitialView 函数，加入如下代码，注意url 需要 decodeURIComponent 解码。

 

    var url= decodeURIComponent(window.location.search);
    var params = new URLSearchParams(url);
    var page = params.get('page');
    var keyword = params.get('keyword');
    if(page == null || page == ''){
      page=1;
    }
     
    //  if(keyword){
    //   //对查询输入框进行赋值
    //   document.getElementById("findInput").value=keyword;
    //   //点击高亮按钮实现高亮显示关键词
    //   document.getElementById("findHighlightAll").click();
    // }

    //跳转至指定页码
    document.getElementById('pageNumber').value = page*1;
    this.pdfViewer.currentPageNumber = page*1;

      //nextpage,需要激活下一页按钮，否则第一次可以跳转到指定页，但是第二次访问时，还是跳到上一次的页码

        document.getElementById("nextpage").click();

 

三、viewer.js 里找到