Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Cannot read property 'firstElementChild' of null #23

Closed
vikramTungsten opened this issue Jul 25, 2017 · 2 comments
Closed

Cannot read property 'firstElementChild' of null #23

vikramTungsten opened this issue Jul 25, 2017 · 2 comments

Comments

@vikramTungsten
Copy link

vikramTungsten commented Jul 25, 2017 •
edited
Loading

I am trying to embedded pdf on my html page using pdf.js, with the help of pdf viewer blog,I have included pdf.js and pdf.worker.js in my html file, but when I open the page, nothing is embedded and I am getting below error.
Cannot read property firstElementChild of null

Please help me in this.
Thanks!

HTML Code:

<body>  
<div class="pdfjs">
</div> 
<script src="{% static 'pdf.js-viewer/pdf.js'%}"></script>
<script src="{% static 'pdf.js-viewer/pdf.worker.js'%}"></script> 

<script type="text/javascript">
      PDFJS.webViewerLoad('http://url/mypdf.pdf');
</script>
</body>

Checkout below error:

Uncaught (in promise) TypeError: Cannot read property 'firstElementChild' of null at Object.PDFViewer (http://url/pdf.js:17939:52) at http://url/pdf.js:12985:21 at Object._initializeViewerComponents (http://url/pdf.js:12973:10) at http://url/pdf.js:12884:16PDFViewer
@Snuffleupagus Snuffleupagus mentioned this issue Jul 26, 2017
Closed
@pierregaboriaud
Copy link

Any news ?

@brandonros brandonros mentioned this issue Oct 24, 2017
Open
@micheg
Copy link

micheg commented Mar 9, 2018 •
edited
Loading

Man you miss a focal point:
"Include viewer.html using SSI or your favorite templating system."
SSI means server side including, the content of viewer.html should be in the page before calling window.PDFJS.webViewerLoad.
You don't need SSI, you can use jquery too.
ex:

<script>
  var file = 'some-document.pdf'; 
  // waiting for page load, loading the content of viewer.html inside pdfjs THEN load file
  $(function()
  {
    $('div.pdfjs').load("bower_components/pdf.js-viewer/viewer.html", function()
    {
      window.PDFJS.webViewerLoad();
      window.PDFViewerApplication.open(file);     
    });
  });
</script>

@jasny jasny closed this as not planned Won't fix, can't repro, duplicate, stale Aug 4, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@jasny @micheg @pierregaboriaud @vikramTungsten