pdf.js 修改预览页面title

前言

当使用异步请求去加载pdf文件时，预览页的title会变成请求的地址，即使修改response的返回信息也无法奏效。
经过调试后发现，viewer.js中默认使用的请求地址作为页面title，因此只需修改这块的代码即可。

修改方法

打开viewer.js
搜索 setTitleUsingUrl: function pdfViewSetTitleUsingUrl 定位到代码位置
复制粘贴如下代码对其进行替换：

原代码：

setTitleUsingUrl: function pdfViewSetTitleUsingUrl(url) {this.url = url;try {this.setTitle(decodeURIComponent(getFileName(url)) || url);} catch (e) {// decodeURIComponent may throw URIError,// fall back to using the unprocessed url in that casethis.setTitle(url);}},

修改为：

setTitleUsingUrl: function pdfViewSetTitleUsingUrl(url) {this.url = url;try {var titleTmp = (TITLE == '' || TITLE == undefined) ? (decodeURIComponent(pdfjsLib.getFilenameFromUrl(url)) || url) : TITLE;this.setTitle(titleTmp);} catch (e) {// decodeURIComponent may throw URIError,// fall back to using the unprocessed url in that casethis.setTitle(url);}},

4.在加载viewer.js的script上面定义全局变量TITLE

<script type="text/javascript" language="javascript">var TITLE = "${fileName}";
</script>
<script src="static/js/pdf/viewer.js"></script>

修改前：

修改后：

pdf.js 修改预览页面title相关推荐

Springboot + layui + FTP文件上传删除 + HTTP文件下载预览 + pdf.js文件预览（项目实战总结）
文件管理 0.需求及前言 1.前端,上传按钮嵌入数据表格中 2.利用IIS部署FTP文件服务器 3.后台FTP连接和文件操作 4.FTP遇到的问题和解决方案 5.预览PDF文件V1.0:FTP+临时文 ...
使用iText动态生成pdf，并用pdf.js在线预览
Java有很多生成pdf的工具库,常用的有Apache PdfBox,iText,POI.我的项目里用的是iText. 下面说下详细步骤: 后台引入依赖: &l ...
fis3+vue+pdf.js制作预览PDF文件或其他
人生第一篇博客,的确有点紧张,但有些许兴奋,因为这对于我来说应该是一个好的开始,以此励志在技术的道路上越走越远. 看过了多多少少的技术博客,给自己带来了很多技术上的收获,也因此在想什么时候自己也可以赠 ...
springboot+vue整合pdf.js实现预览pdf
前景回顾: 上一次说到使用浏览器自带的预览pdf功能所遗留的问题,360浏览器不够给力,IE的我没测,估计也不行,于是乎我又翻阅资料(度娘)找到了一种新的实现方式,使用pdf.js实现如果想看使用浏 ...
vue版pdf.js 在线预览pdf文件流
1.简介由于我使用的是若依版的vue前端框架(ElementUI二开),因此不知道为什么在前端配置pdf.js一直无法生效,所以换了一个思路,将pdf.js相关文件放置在后台代码中,以访问后台页面的 ...
pdf.js在线预览PDF文件实现
pdf.js是一款功能比较强大的在线预览PDF插件,自带"打印","搜索","翻页"等功能,强大且实现方便,并且兼容性比较好(兼容ie10及 ...
使用pdf.js来预览pdf文件_适用于Dynamics365与PowerApps的注释预览组件
powerapps/dynamics365适用的注释预览/批量下载组件自定义组件为预览功能原生预览支持的文件类型:图像,zip,音频,pdf 支持批量打包注释为zip下载到本地使用浏览器预览支持 ...
pdf.js —— 在线预览下载打印pdf文件插件，实现的两种方式
ViewerJS简介 ViewerJS的繁重工作是由这些令人敬畏的项目完成的: PDF.js(由Mozilla提供) WebODF(由KO GmbH提供) 运行ViewerJS就像创建链接一样简单.您 ...
pdf.js——在线预览下载打印pdf文件插件
html页面使用下载PDF.js, http://mozilla.github.io/pdf.js/getting_started/#download 将 pdfjs 文件夹放到项目static ...

pdf.js 修改预览页面title

前言

修改方法

pdf.js 修改预览页面title相关推荐

最新文章

热门文章