我在尝试使用 pdf.js 时遇到了一个跨源请求被阻止的问题

Question

我尝试使用pdf.js阅读本地pdf文件。

我添加了这个脚本标签：

<script src="https://cdn.jsdelivr.net/npm/pdfjs-dist@2.8.335/build/pdf.min.js">       </script>

我得到了这个简单的 console.log 看看它是否有效：

<script>pdfjsLib.getDocument('livret-Krismenn.pdf').then(doc => {
        console.og('this file has ' + doc._pdfInfo.numPages +        'pages')
    })  </script>

但事实并非如此。

我的浏览器（firefox）给出的原因：CORS请求没有使用http。

我查了一下，找到了解决方案：

Access-Control-Allow-Credentials: true

但我不知道该怎么办...

我该如何解决这个问题？

Answer 1

问题是由于安全问题，您无法直接从本地系统读取文件。您需要运行一个简单的网络服务器来加载 pdf 文件表单。你提到的这个选项应该在网络服务器端而不是你这边设置。尝试运行使用 npm 提供简单的静态网络服务器，...

您还可以使用 FileReader api 读取系统上的文件。

我在尝试使用 pdf.js 时遇到了一个跨源请求被阻止的问题

I get a Cross-Origin Request blocked when trying to use pdf.js

html

pdf.js