Load pdf on foreign url with pdf.js

Question

I am trying to load pdf from another server to the viewer of pdf.js in my server.I got error "PDF.js v1.4.20 (build: b15f335) Message: file origin does not match viewer's"

I already checked many answer, many of them said that pass the pdf url through a proxy like:- link

After searching a lot i found that they release a new patch in which they have lock down any CDR request, correct me if i am wrong:-Here is the link

but in their user manual they specified that it is possible here is the link

I tried all method but not able to enable CDR on my server and many methods didn't work.

Please help me to resolve this issue. My Basic idea is to show pdf(which is hosted on 3rd party server) on my pdf reader(that i made it from pdf.js).

Yes, it's locked down for demo viewer. People who wants take a risk of content spoofing can remove this protection, in this case customized viewer will be able to displays unrelated/prank/offensive content under the viewer's domain name. — async5, May 23 '16 at 21:35
See also http://stackoverflow.com/questions/37364662/pdf-js-message-file-origin-does-not-match-viewers-amazon-s3 — async5, May 23 '16 at 21:38

score 22 · Accepted Answer · answered May 22 '16 at 20:33

22

I resolved this issue by comment this lines in viewer.js

if (fileOrigin !== viewerOrigin) {
throw new Error('file origin does not match viewer\'s');
}

and use proxy like this. http://192.168.0.101/web/viewer.html?file=https://cors-anywhere.herokuapp.com/pathofpdf.pdf

answered May 22 '16 at 20:33

Mukesh Gupta

1,373
3
17
42

1

Or you can edit the condition to allow for the file's origin. – Garrett Aug 03 '17 at 06:41
I have no "if (fileOrigin !== viewerOrigin)" in my viewer.js file – MindRoasterMir Jan 03 '21 at 23:19
please explain on how to use proxy. – user3156040 Jan 14 '21 at 03:29
1

@MindRoasterMir it is if (origin !== viewerOrigin && protocol !== "blob:") – Ameen Aliu Jan 14 '21 at 08:46
Is there a way without editing the viewer.js file? – The.Wolfgang.Grimmer Sep 05 '21 at 11:00

score 7 · Answer 2 · answered Nov 27 '19 at 07:01

7

Add your domain/origin to HOSTED_VIEWER_ORIGINS array

answered Nov 27 '19 at 07:01

SANTHOSH.SJ

343
1
4
7

score 0 · Answer 3 · answered Sep 27 '21 at 07:16

I resolved this issue by adding this line in viewer.js

    var LOCAL_AUTO_DETECT_ORIGIN = window.location.origin;

  var HOSTED_VIEWER_ORIGINS = ['null', 'http://mozilla.github.io', 'https://mozilla.github.io'];

  HOSTED_VIEWER_ORIGINS.push(LOCAL_AUTO_DETECT_ORIGIN);

score 0 · Answer 4 · answered Sep 27 '21 at 14:34

0

The problem in my case was the link wasnt in https while the site is secured

answered Sep 27 '21 at 14:34

ChiiiN

31
1

score 0 · Answer 5 · answered Dec 04 '22 at 16:06

pdfjs respect CORS settings. Do the following

Go to viewer.js file and find the location of HOSTED_VIEWER_ORIGINS. Below that line add your domain to the array HOSTED_VIEWER_ORIGINS like this

    const LOCAL_AUTO_DETECT_ORIGIN = window.location.origin;
    HOSTED_VIEWER_ORIGINS.push(LOCAL_AUTO_DETECT_ORIGIN);

if your file is hosted n AWS S3 bucket, then set CORS policy on the bucket to allow all your domains read files from that bucket

That should solve your prblem

Load pdf on foreign url with pdf.js

5 Answers5

Linked