解决pdf.js下载PDF文件名称中文乱码和不带.pdf后缀名问题

其实正儿八经的说，PDF文件名称这不算是一个乱码问题。

为什么这么说呢，因为我们看到的文件名称中杂乱无章的编码其实就是js把中文进行了编码而已，和真正的因为编码错误造成的乱码并不一样。

【心急的同学可以直接翻到最下面看：- 解决方法-】

我们看先错误出现的场景：

我使用pdf.js预览了一个叫做02010204_钢筋安装检验批质量验收记录_02010204016.pdf的文件，然后我点击pdf工具栏的下载时，给我生成的文件名是这样的：
我们从这个生成的名称中，可以看出，文件名称中非中文的字符都是正常的，中文的字符是不正常的，我们要解决的就是这个问题。

造成的原因：

网上的方法我也看了很多，比较常见的就是把我们要预览的地址先进行编码，使用JavaScript的encodeURIComponent()方法，还有在html中引入viewer.js 的script里指定charset="gb2312"。这些方法我都试了一下，结论是：不适用我这个情况。【其实就是加没加没啥变化】
不得已，翻了一下viewer.js关于下载这一部分的代码，还真让我发现了原因：

在这里，viewer.js已经帮我们对文件名称进行了编码，所以我下载时生成的文件名就是编码过后的。

解决方法：

知道了原因，那解决方法就不难想了，对文件名进行解码，使用JavaScript的decodeURIComponent()方法。
找到viewer.js中的_download()方法

把我红框框柱的代码替换成下面的代码即可：
```
a.download = decodeURIComponent(filename);
```

最终效果：

至此，就搞定了，说了这么多其实就是换一行代码的事情，其实主要还是让大家了解一下寻找问题的过程，思想很重啊哟，哈哈。【附：效果图】。

在这里说一下.pdf后缀的问题：

有些时候我们下载pdf进入到上图(最终效果图)界面后会碰到文件名的后缀没有带 .pdf 的，这种情况下载下来的是pdf文件，但是没有后缀名，而且下载下来因为没有后缀名有时候没法直接打开，需要手动的加上.pdf后缀名。

要解决这个问题也很简单，还是从download的时候的文件名入手：
// 判断文件名是否以.pdf文件
if(decodeURIComponent(filename).endsWith('.pdf')){a.download = decodeURIComponent(filename);
} else {a.download = decodeURIComponent(filename) + '.pdf'
}
只需要判断一下，如果没有.pdf后缀，如果在下载还是没有，那么接着往下看：

到这里其实细心的同志已经发现了，这一段代码里有a.href a.target a.download，这就是赤裸裸的给a标签加属性的啊，既然是a标签，那我们还可以给指定一下MIME类型。

所以在判断文件是不是以.pdf结尾之前，我们还可以指定type：
a.type = "application/pdf";
到这里，你下载文件的时候，文件名的地方应该就会给你带上.pdf了，如果还不带.pdf后缀，那么请看一下：你的电脑是不是隐藏了文件的扩展名。

注意：我也不能保证此方法就一定可以解决你的问题。毕竟出现问题的情况千变万化。这里只是给大家提供一种方法尝试。

解决pdf.js下载PDF文件名称中文乱码和不带.pdf后缀名问题相关推荐

解决Node.js 运行的时候出现中文乱码问题
解决Node.js 运行的时候出现中文乱码问题一.问题:出现如下乱码二.解决方案因为在服务器发送数据,其实是utf-8编码内容 ,但是浏览器不知道你是utf-8编码内容, 浏览器在不知道服务器响 ...
linux 导出 excel文件名乱码,excel导出，文件名称中文乱码问题 · 大腿的博客
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 记录一个excel导出遇见的中文名称的问题接到项目需要有excel的导入导出功能,基于poi实现还是挺简单的,文件的导 ...
FTP上传文件名称中文乱码问题
本文使用FTPClient对FTP进行文件操作,FTPClient工具需要添加Maven依赖. <dependency>&l ...
jsch上传下载文件名称中文乱码
当使用jsch设置编码格式时 sftp.setFilenameEncoding("GBK"); 出现如下错误: 4: The encoding can not be changed ...
解决Sublime Text打开C++文件出现中文乱码
按Ctrl+Shift+P打开命令行,输入Install Package,回车,然后继续输入ConvertToUTF8,回车. 等安装好了以后,应该问题就解决了
java实现文件下载，批量下载，文件在线预览，word转pdf，excel转pdf
pdf,excel转word所需jar包网盘链接提取码:4gmw 目录 1.在resources下新建license.xml 2.文件转换工具类 3.文件下载 4.批量下载 5.在线打开文件 ...
freemarker html 乱码,Freemarker生成静态html文件及中文乱码的问题.pdf
Freemarker生成静态html文件及中文乱码的问题,freemarker静态化页面,freemarker静态化,freemarker乱码,freemarker静态方法,freemarker中文乱 ...
文件下载图片或者视频及解决保存文件时中文乱码问题
文件下载需求: 页面显示超链接点击超链接后弹出下载提示框完成图片文件下载分析: 超链接指向的资源如果能够被浏览器解析,则在浏览器中展示,如果不能解析,则弹出下载提示框.不满足需求(所以要在a标签 ...
sublime3 text 文件名称中文显示成框框
脚本编辑器一直习惯用sublime的,之前用的2,后面3出来就用的3,之前用2的时候,文件名中包含中文显示是正常的,但是用了3之后就显示成一个个方框,由于本人太懒,一直没弄设置,后来有个同事从我电脑上 ...
java使用jxl生成excel表格,jsp使用js下载excel文件xls
java使用jxl生成excel表格,jsp使用js下载excel文件后端代码 maven jar包主体代码逻辑引入的jar包具体代码段重点详解表头和表格内容两种格式直接将 HttpSe ...

解决pdf.js下载PDF文件名称中文乱码和不带.pdf后缀名问题

解决pdf.js下载PDF文件名称中文乱码和不带.pdf后缀名问题

解决pdf.js下载PDF文件名称中文乱码和不带.pdf后缀名问题相关推荐

最新文章

热门文章