如何解决pdf.js在线查看PDF文件时无法打开文件名带有百分号的文件？

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《如何解决pdf.js在线查看PDF文件时无法打开文件名带有百分号的文件？》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

如何解决pdf.js在线查看PDF文件时无法打开文件名带有百分号的文件？插图

URL中带百分号(%)字符的PDF文件在线查看

在使用pdf.js在线查看PDF文件时，可能会遇到无法打开文件名带有百分号(%)的文件问题。

为了解决此问题，可以使用encodeURIComponent函数对文件名进行转码。具体做法如下：

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

转码原理

示例中的字符串文件名里面有空格.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。

转码后，会在空格处插入%20，这样在浏览器中打开时，空格就不会被截断。

总结

通过对文件名进行转码，可以解决pdf.js无法打开文件名带有百分号(%)的文件的问题。

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

近期文章