CODEWITHSUNDEEP
javascriptjqueryhtml
Hariharan Anantharaman
Hariharan Anantharaman

Reputation: 106

display multi-page pdf file as single page files in html

I have a pdf file embedded in a HTML document. Is it possible to display a multi-page pdf file as multiple single page files in html? Something similar to a ppt where each page of the pdf doc is equivalent to a slide.

Thanks in Advance!

Upvotes: 0

Views: 4098

Answers (1)

Vahid Taghizadeh
Vahid Taghizadeh

Reputation: 997

You can also use Google PDF viewer for this purpose. As far as I know it's not an official Google feature (am I wrong on this?), but it works for me very nicely and smoothly. You need to upload your PDF somewhere before and just use its URL:

<iframe src="http://docs.google.com/gview?url=http://example.com/mypdf.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>

Probably the best approach is to use the PDF.JS library. It's a pure HTML5/JavaScript renderer for PDF documents without any third-party plugins.

Online demo: http://mozilla.github.com/pdf.js/web/viewer.html

GitHub: https://github.com/mozilla/pdf.js

Upvotes: 1

Related Questions