Angular 2/ExpressJS - Refused to get unsafe header “Accept-Ranges”

Using a webapp with NodeJS and ExpressJS as a server (CORS not configured) and Angular 2 for the client. I read here and there that I should enable CORS… I’m not sure where I should enable it and why should I enable CORS. The server is running in localhost.

Configuration:

• Web browser and its version: Chrome 53.0.2785.143
• Operating system and its version: Windows 10
• PDF.js version: 1.5.118 and 1.6.210
• Is an extension: -

Steps to reproduce the problem:

1. Make a local server with NodeJS and ExpressJS
2. Make an Angular 2 app
3. Use an html input to upload any pdf
4. Read the pdf with FileReader (with .readAsDataURL)
5. Try to open the pdf with pdf.js as follow:

PDFJS.disableWorker = true;
PDFJS.getDocument(reader.result).then(function getPdf(pdf) {
        pdf.getPage(1).then(function getPage(page) {

        })
})

What is the expected behavior? (add screenshot) Not getting an error…

What went wrong? (add screenshot) Getting the following error:

pdf.worker.js:43268  -   Refused to get unsafe header "Accept-Ranges"

Link to a viewer (if hosted on a site other than mozilla.github.io/pdf.js or as Firefox/Chrome extension):

[crebuh]

Any example on how to convert from a URL to an Uint8Array if this is even possible?

@natcohen did you found a solution for the problem?

[mukulmishra18]

@yurydelendik i have implemented extra check for http protocol and it works fine for a simple webapp on my local machine. Please find the PR linked below and point me out if i made some mistake.

https://github.com/mozilla/pdf.js/pull/7803