我正在尝试在 Django 框架中使用 pdf.js 在 html 模板中创建一个 pdf 查看器。
我使用了从 Youtube 频道 Traversy Media 获得的关于如何使用 JavaScript 创建自定义 PDF 查看器的代码。它适用于 Mozilla Firefox，但不适用于 Google chrome。
这些是我从控制台日志中得到的错误：
1. Uncaught TypeError: Cannot read property 'xhr' of undefined
at NetworkManager_getXhr [as getRequestXhr] (network.js:239)
at PDFNetworkStreamFullRequestReader_onHeadersReceived [as _onHeadersReceived] (network.js:353)
at NetworkManager_onStateChange [as onStateChange] (network.js:168)
at NetworkManager_request [as request] (network.js:137)
at NetworkManager_requestFull [as requestFull] (network.js:88)
at new PDFNetworkStreamFullRequestReader (network.js:328)
at PDFNetworkStream_getFullReader [as getFullReader] (network.js:292)
at WorkerTransport.<anonymous> (api.js:1753)
at _callee$ (message_handler.js:25)
at tryCatch (runtime.js:62)
2. network.js:137 Access to XMLHttpRequest at 'file:///C:/Users/admin/Downloads/New%20folder/pdf_viewer-master/andro.pdf' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.NetworkManager_request @ network.js:137
3. network.js:419 Uncaught TypeError: Cannot read property 'reject' of undefined
at PDFNetworkStreamFullRequestReader_onError [as _onError] (network.js:419)
at XMLHttpRequest.NetworkManager_request.xhr.onerror (network.js:126)
at NetworkManager_request [as request] (network.js:137)
at NetworkManager_requestFull [as requestFull] (network.js:88)
at new PDFNetworkStreamFullRequestReader (network.js:328)
at PDFNetworkStream_getFullReader [as getFullReader] (network.js:292)
at WorkerTransport.<anonymous> (api.js:1753)
at _callee$ (message_handler.js:25)
at tryCatch (runtime.js:62)
at Generator.invoke [as _invoke] (runtime.js:288)
4. main.js:62 Uncaught TypeError: Cannot read property 'numPages' of null
at HTMLButtonElement.showNextPage (main.js:62)
这是github中pdf.js完整代码的链接...
https://github.com/bradtraversy/pdf_viewer/blob/master/js/main.js
我希望有人可以帮助我在 Chrome 中使用它。谢谢。