Not rendering the pdf in the browser

[Euno257]

When i used google's inspect tool, in console its showing following errors:

network.js:108 Access to XMLHttpRequest at 'file:///home/hersh/Desktop/docs/pdf.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.
network.js:199 Uncaught TypeError: Cannot read property 'xhr' of undefined
at NetworkManager.getRequestXhr (network.js:199)
at PDFNetworkStreamFullRequestReader._onHeadersReceived (network.js:301)
at NetworkManager.onStateChange (network.js:133)
at NetworkManager.request (network.js:108)
at NetworkManager.requestFull (network.js:68)
at new PDFNetworkStreamFullRequestReader (network.js:278)
at PDFNetworkStream.getFullReader (network.js:243)
at WorkerTransport. (api.js:1786)
at _callee$ (message_handler.js:25)
at tryCatch (runtime.js:45)
network.js:356 Uncaught TypeError: Cannot read property 'reject' of undefined
at PDFNetworkStreamFullRequestReader._onError (network.js:356)
at XMLHttpRequest.xhr.onerror (network.js:97)
at NetworkManager.request (network.js:108)
at NetworkManager.requestFull (network.js:68)
at new PDFNetworkStreamFullRequestReader (network.js:278)
at PDFNetworkStream.getFullReader (network.js:243)
at WorkerTransport. (api.js:1786)
at _callee$ (message_handler.js:25)
at tryCatch (runtime.js:45)
at Generator.invoke [as _invoke] (runtime.js:271)

[LalithK90]

plz run on this firefox
Firefox will allow you to make AXAJ requests using the { file: protocol} if the page was loaded using the file: protocol.

Chrome, however, blocks this by default. To enable it, you need to launch Chrome from a ### command prompt{cmd- windows} terminal- Linux and Mac, specifying the --allow-file-access-from-files flag.

if you need to only google chrome add pdf file URL as below
www.pdf995.com/samples/pdf.pdf

MDN-Doc

thanks
Happy Coding ::love::

[apurvpatel2121]

do you have a download manager installed on your browser? disable IDM

100%

[VipulKhandelwal1999]

use live server to open your document because if you directly open index.html file the browser will not allow you to access pdf via cross-origin. So just use live server extension to open this or you can create your own server and just give path according to that.
You will see your URL like this after opening through live server.
I hope it will help you.

[MarcRam]

@Euno257

As pointed out above, the issue is a CORS permission issue. Its shown in the first line of the error message you show.

If you are not using VSCode or some other editor that has a built in Web Server, you could download Xaamp and use that to test your code locally.