Blazor Interop for Mozilla pdf.js

Question

Anyone managed to create a JS interop for https://github.com/mozilla/pdf.js
I am looking for robust viewer solution to show PDF files.

Thank you,
D

Answer 1

Hi @DinoN

The easiest way is to use the following method is to display the pdf file.

Method 1

Use iframe with below code. And the url is http://docs.google.com/gview?url=http://yourwebapp/file1.pdf&embedded=true.

It works on my side.

Method 2

You can refer to official doc about pdf.js. It will useful to you.

How to Embed a PDF in an HTML Website

---

If the answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best Regards,
Jason

Answer 2

The blazor code should define the canvas. The using the sample

https://mozilla.github.io/pdf.js/examples/index.html#interactive-examples

Create a JavaScript file that is included that has a public method blazor interop can call passing the url.

Note: blazor could make the ajax call but it’s more efficient for the JavaScript to do. After all webclient will call JavaScript anyway. Even if blazor server, you would need to use base64 encoded pdf which would make the payload larger.

Answer 3

This works great for small pdf's, but unfortunately there's a limit on the Base64 in the browsers. When I try the example with a 2.21MB file it doesn't load.

Answer 4

@DinoN @Santiago Alfonso

Has any body successful implemented pdfjs in a Blazor App for all pdf sizes?
What are the steps to do so?