ASP中的PDF.JS -如何在与viewer.js不同的文件夹中打开查看器中的PDF

Question

在PDF.js中，使用viewer.js和viewer.html，我可以通过在defaultURL.value中指定文件名来指定PDF，但是PDF必须存在于与viewer.js相同的文件夹中。我想在参数中指定pdf文件的位置。

我尝试设置docBaseURL，但它需要一个绝对路径，并且不接受http://localhost/。不管我把什么放在那里，它看起来都是被命名为PDF的baseURI。

我查看并设置了viewer.js中所有用于打开文档或指定文件位置的引用，但没有指定相对链接，只有变量" file“。我搜索了github项目，但没有发现如何设置相对链接的问题，只有在绝对URL为http://something的情况下。

我正在尝试修改viewer.html以供我自己使用。我不想从iFrame调用它，也不想使用查询字符串。我希望设置defaultURL，然后更改代码，以便它将在我指定的路径或相对路径中查找文件。

Answer 1

我放弃了更改pdfjs的尝试，而是编写了一个javascript函数，该函数调用查看器并构造从查看器到存储pdf文档的路径。

pdf文档的位置：example.com/doc/

查看器的位置：：corminalexample.com//pdfjs/web/

调用javascript函数

<a hef="doc/example.pdf" onclick="callViewer(this.href)"></a>

Javascript函数：

function callViewer(url) {
    var pdf = url.split('doc/').pop();
    var newurl = "https://example.com/libraries/pdfjs/web/viewer.html?file=../../../../doc/" + pdf + "#page=1&zoom=page-width"; 
    window.location.assign(url); 
}

Notes

1. 在newurl的javascript函数中需要一个绝对文件路径。
2. 假定所有pdfs都位于同一个文件夹中(但这可以很容易地更改)。
3. 右键单击HTML链接来打开pdf，会将pdf呈现为浏览器的默认pdf呈现器(而不是查看器)，我喜欢它，并使用它在浏览器、设备和操作系统之间进行无问题的打印。
4. 这个解决方案保持html代码简单，我的pdfs存储在我想要的地方，以及被搜索引擎索引的pdf的直接URL (而不是newurl中复杂的URL )。