html5 pdf.js无法展示标题,pdfjs预览PDFtitle自定义

本文介绍了一种在PDF查看器中自定义显示文件名的方法,通过对viewer.js进行修改,在URL中添加特定参数来实现文件名的动态显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

修改viewer.html定义全局变量(建议复制一份修改,原版保留,有人已经使用了可能会造成影响)

在 之前

修改viewer.js,在你你们请求最后面拼接一个faleName=的参数(只能以faleName=结尾,可以自定义切割方法,建议复制一份修改,原版保留,有人已经使用了可能会造成影响)

setTitleUsingUrl: function pdfViewSetTitleUsingUrl(url) {

this.url = url;

try {

//这里作了修改从url获取文件名,参数不一样的请自己修改获取方法

myTitle = decodeURIComponent(url.split("faleName=")[1]);

} catch (e) {

// decodeURIComponent may throw URIError,

// fall back to using the unprocessed url in that case

this.setTitle(url);

}

},

setTitle: function pdfViewSetTitle(title) {

if (this.isViewerEmbedded) {

// Embedded PDF viewers should not be changing their parent page's title.

return;

}

//这里做了修改

if(myTitle){

document.title = myTitle;

}else{

document.title = title;

}

},

请求示例:

var typeName="我的PDF测试中文名";

typeName=encodeURI(typeName);

var urlStr = enclurl + "/download/" + docId+"?faleName="+typeName+".pdf";

var printUrl=basePath+'static/pdfjs/web/viewerEx.html?file='+encodeURIComponent(urlStr)+'&_='+(new Date().getTime());

window.open(printUrl);

6fd43dbe187b0bd600d946f96c03dda5.png

文章来源: www.oschina.net,作者:少雨点,版权归原作者所有,如需转载,请联系作者。

原文链接:https://my.oschina.net/u/2560716/blog/3140834

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值