如何解决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无法打开文件名带有百分号(%)的文件的问题。