如何解决 PDF.js 在线查看含有百分号的文件名的问题？

在IT行业这个发展更新速度很快的行业，只有不停止的学习，才不会被行业所淘汰。如果你是文章学习者，那么本文《如何解决 PDF.js 在线查看含有百分号的文件名的问题？ 》就很适合你！本篇内容主要包括##content_title##，希望对大家的知识积累有所帮助，助力实战开发！

解决带百分号文件名无法使用pdf.js在线查看pdf问题

问题描述：
在使用pdf.js在线查看pdf文件时，遇到文件名中带有百分号（%）时无法打开文件的问题。

解决方案：
使用 encodeURIComponent 函数对文件名进行转码。

具体修改代码如下：

function openPdf() {
    window.location.href = '/js/pdfjs/web/viewer.html?file=/file/子目录/' + encodeURIComponent('文件名 里面 有 空格.pdf');
}

转码原理：
encodeURIComponent 函数将字符串中的特殊字符（包括但不限于空格）转码为百分号编码序列。这样在浏览器中打开时，有空格的地方就不会被截断，从而允许打开文件名中带有百分号的文件。

转码后示例： "文件名 里面 有 空格.pdf" 转码为 "%E6%96%87%E4%BB%B6%E5%90%8D%20%E9%87%8C%E9%9D%A2%20%E6%9C%89%20%E7%A9%BA%E6%A0%BC.pdf"。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《如何解决 PDF.js 在线查看含有百分号的文件名的问题？ 》文章吧，也可关注golang学习网公众号了解相关技术文章。