上一节打开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'))); 

这时候标题会生成 <4D6963726F736F667420576F7264202D20BCAAC1D6B0E6C8CBCEC4D2BDD1A72E646F637> + 标题分析  setTitle
if (pdfTitle) {  _this6.setTitle(pdfTitle + ' - ' + document.title);}

去掉
pdfTitle + ' - ' + 即可
如上即可实现不同PDF显示不同名称

转载于:https://www.cnblogs.com/chaihy/p/10945336.html

如何设置PDFjs 页面标题相关推荐

  1. 设置网站页面标题的注意事项

    标题对于网站页面有着非常重要的作用,用户和搜索引擎可以通过网站页面标题来了解到该页面的主要内容,并且搜索引擎在判断页面权重的时候,也会参考页面标题的. 那么,在设置网站页面标题的时候,应该注意哪些问题 ...

  2. vue router怎么设置每个页面标题

    router.jsconst router = new Router({mode: 'history',base: process.env.BASE_URL,routes: [{path: '/hom ...

  3. EduCoder-Web程序设计基础 -web编程训练-html5-文档头部-第1关:页面标题及字符集的设置

    任务描述 本关任务:编写一个带有页面标题和页面字符格式设置的网页. 相关知识 为了完成本关任务,你需要掌握:1.title标签,2.meta标签关于页面字符格式的设置. title标签 title标签 ...

  4. 微信小程序设置页面标题

    在json文件中设置 {"navigationBarTitleText": "页面标题" } 在js文件中设置 wx.setNavigationBarTitle ...

  5. [微信小程序] 动态设置页面标题、导航条 navigationBarTitleText

    前言 navigationBarTitleText用于小程序设置当前页面标题,可以给每个页面设置独立的标题,但是这样不能满足一些特殊业务场景:比如说商城,商品详情页面的标题,会根据获取到的数据动态修改 ...

  6. 微信小程序页面上面的名字怎么改_微信小程序如何动态修改页面标题——已解决...

    微信小程序初始化的标题我们知道实在全局.json文件中设置的,如果修改全局设置中的navigationBarTitleText,我们全部页面的标题都会统一改变: 例如: "navigatio ...

  7. 微信小程序动态更改标题栏_微信小程序实现动态设置页面标题的方法【附源码下载】...

    本文实例讲述了微信小程序实现动态设置页面标题的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① WXML文件 标题1 标题2 标题3 还原 ② JS文件 Page({ // 设置 ...

  8. 微信小程序三(设置页面标题)

    页面写好了,总感觉哪里不爽,对,就是那,每个页面的标题都一样,都是 Wechat cou 呀 真cou, 那咱就单独说说,如何设置 页面标题. 设置页面标题 ,相当的简单, 找到所在页面的目录,新建一 ...

  9. vue设置页面标题title

    每个页面设置相同标题 index.html 直接修改title标签里面的标题 (ps: 这个html文件中也可以引入一些js文件) 每个页面设置不同标题 router - index.js const ...

  10. 百度网络推广总结大家在做页面标题优化时需注意的事项!

    网站优化包括方方面面,百度网络推广指出其中页面标题优化就是日常网站优化中的一个重要核心.那么网站想要从页面获得更多的用户,带来更多流量,就要做好页面标题相关的优化,让其更吸引用户,那么在页面优化中都有 ...

最新文章

  1. 中科院团队用算法追上谷歌“量子霸权”:谷歌量子处理器并没有比E级超算快...
  2. 从GNOME切换到KDE了
  3. oracle日志版本不同,Oracle重做日志文件版本不一致问题处理
  4. 05.Bootstrap导入基础笔记
  5. 域名商2014年度报告:35互联域名总量增至33.4万
  6. [css] 写一个高度从0到auto的transition动画
  7. html选项卡_适用于Mac的最佳HTML文本编辑器,编码开发必备
  8. Opencl 并行求和
  9. 非985,计算机专业的大学生该如何自学编程?
  10. updating error reports database解决方案
  11. 【kafka】服务器上Kafka启动 Cannot allocate memory
  12. vue.js v-bind
  13. 问答 | 为什么car-like robot需要使用差速器?
  14. 如何在GO语言中使用Kubernetes API?
  15. 洛谷 P2647 最大收益
  16. Android知识点复习1(Activity与Fragment)
  17. 【Java多线程】停止线程
  18. 计算机扩容硬盘,扩容盘是什么 如何恢复真实容量【方法详解】
  19. 【OpenCVOpenGLMarkerless AR】原理部分+代码
  20. Java多线程并发笔记01 对象锁 类锁 对象锁的同步和异步 脏读

热门文章

  1. 20050611:超级伙伴?
  2. es6-3.webpack应用
  3. UGUI ScrollRect 滑动
  4. java基础-基础类型包装类型
  5. Unit1 Homework
  6. jquery html dom方式创建新html元素
  7. 图解:如何在LINUX中安装VM-Tools
  8. 你可以做一个更好的Coder为了自己的将来
  9. macbook proc如何升级到10.14.3
  10. js基础-12-判断数组和判断对象的方法