如何設置PDFjs 頁面標題

上一節打開PDF文件，標題一直顯示文件名稱

若是咱們標題名稱爲了安全設置編碼字符這時候客戶就看不懂標題了，爲了客戶體驗標題是文件名稱

分析viewer.js 查找設置標題 document.title

還真有這個

分析

setTitleUsingUrl: function setTitleUsingUrl(url) {
  this.url = url;
  this.baseUrl = url.split('#')[0];
  var title = (0, _ui_utils.getPDFFileNameFromURL)(url, '');
  if (!title) {
    try {
      title = decodeURIComponent((0, _pdfjsLib.getFilenameFromUrl)(url)) || url;
    } catch (ex) {
      title = url;
    }
  }
  this.setTitle(title);
},
setTitle: function setTitle(title) {
  if (this.isViewerEmbedded) {
    return;
  }
  document.title = title;
},
很明顯是經過截圖文件名稱這時咱們只要改

this.setTitle(title); 裏面title就行了
如何是文件名稱呢
對於viewr.html咱們無法PHP帶值，只能經過URL作文章了

?file='PDF地址'+'&title='+'文件名稱'
這樣咱們能夠經過截取文件名稱

首先：
viewer.html寫一個方法用於取文件名稱

//獲取地址欄參數值
function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
    var r = window.location.search.substr(1).match(reg);
    if (r!=null) return (r[2]); return null;
}
而後
viewer.js

this.setTitle(decodeURIComponent(getQueryString('title'))); 如上便可實現不一樣PDF顯示不一樣名稱