jQuery & JavaScript PDF Viewer plugin

By -
Hi guys

In this Post I'm providing best jQuery PDF viewer plugin & tutorial with examples. Due to popularity of online document viewer like Google Docs some javascript developers develop a good and useful plugins to view pdf file on online pdf viewer.Here is some good list of online pdf viewers.

  1. JavaScript PDF Reader : pdf.js
    It's an HTML5 experiment that explores building a faithful and efficient PDF renderer without native code assistance.
    pdf.js
    Read More Demo
  2. jQuery Media Plugin
    The jQuery Media Plugin supports unobtrusive conversion of standard markup into rich media content. It can be used to embed virtually any media type, including Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF and more, into a web page and is compatible with all web hosting services The plugin converts an element which holds the object, embed iframe tags neccessary to render the media content.
    jQuery Media Plugin
    Demo
  3. PDFObject : Embeds PDF files into HTML documents
    A JavaScript library for dynamically embedding PDFs in HTML documents. Modeled after SWFObject.
    Embeds PDF files into HTML documents
    Demo
  4. Google Docs Viewer plugin for jQuery
    The Google Docs Viewer is an embeddable browser-based viewer that requires only a URL to a file available online. This neatly bypasses the need for users to have compatible software on their machines for those file types and displays the document right in the browser.
    Google Docs Viewer plugin for jQuery
    Demo
  5. ZOHO Viewer plugin for jQuery
    The ZOHO Viewer is an embeddable browser-based viewer that requires only a URL to a file available online. This, just like Google Docs Viewer, bypasses the need for users to have compatible software on their machines for those file types and displays the document right in the browser. Automatically embeds the ZOHO viewer for viewing the doc, docx, xls, xlsx, ppt, pptx, pps, odt, ods, odp, sxw, sxc, sxi, wpd, pdf, rtf, txt, html, csv, tsv files it supports linked to by anchor tags.
    ZOHO Viewer plugin for jQuery
    Demo
  6. jsPDF : Generate PDF files using pure client-side JavaScript
    It is an open-source library written by our lead developer, James, for generating PDF documents using nothing but JavaScript. You can use it in a Firefox extension, in Server Side JavaScript and with Data URIs in some browsers.
    jsPDF : Generate PDF files using pure client-side JavaScript
    Demo
  7. jQuery Document Viewer
    Document Viewer is a jQuery plugin that allows you to view several file formats directly in a web page.
    jQuery Document Viewer
    Read More Demo
Location: Noida, Uttar Pradesh, India

Comments

  1. AnonymousAugust 31, 2013 at 3:37 PM

    Thank you very much, this helped me a lot.
    keep on the good work

    ReplyDelete
  2. AnonymousMarch 8, 2014 at 10:49 PM

    How to create an action button to specify a absolute file path?
    Link; http://www.imagepost.com/category

    ReplyDelete
  3. AnonymousJune 17, 2014 at 1:35 PM

    how to assign the different url in viewer.js file ???

    ReplyDelete
  4. AnonymousJune 17, 2014 at 1:37 PM

    how Dynamically assign PDF file paths to the viewer.js ???

    ReplyDelete
  5. UnknownAugust 4, 2015 at 11:49 AM

    how Dynamically assign PDF file paths to the viewer.js?

    ReplyDelete
  6. jquery pdf viewerOctober 21, 2015 at 5:32 PM

    Thanks it works well, helped me.

    ReplyDelete
  7. jQuery Document ViewerOctober 27, 2015 at 5:55 PM

    Thanks a lot !!!! you saved my time :)

    ReplyDelete

Post a Comment

Popular posts from this blog

ubuntu package installation

By -
Ubuntu is an ancient African word meaning 'humanity to others'. It also means 'I am what I am because of who we all are'. The Ubuntu operating system brings the spirit of Ubuntu to the world of computers. Package Installation and Updates Apt and Package Basics Most new users will use the Synaptic Package Manager to install packages. These instructions are for installing packages from the command-line Terminal. Terminal can be started: Menu -> Applications -> Accessories -> Terminal Install packages: sudo apt-get install packagename Example: sudo apt-get install mpd sbackup Remove packages: sudo apt-get remove packagename To remove all dependencies: sudo apt-get autoremove Example: sudo apt-get remove mpd sbackup Search for packages: apt-cache search <keywords> Examples: apt-cache search Music MP3 apt-cache search "Text Editor" Update the apt package database after adding/removing repositories: sudo apt-get upd...
Read more

Drupal Bootstrap Database

By -
This is the 3rd article in the series covering DRUPAL v6 bootstrap process. As the bootstrap name implies, this phase covers initializing a connection to a database. The phase begins by including 'database.inc' , which is a database abstraction layer allowing developers to use different database servers with the same code base. One of the functions defined by this library is the db_set_active() function, which is invoked by the bootstrap database phase. This function is used to activate a database used by queries in later phases or during page building and rendering. The function begins by checking if the global variable $db_url is empty. Recall that in the phase #1 - DRUPAL_BOOTSTRAP_CONFIGURATION, this variable is set to the value specified in settings.php unless it is still set to the default string of ' mysql://username:password@localhost/databasename' . In that case, $db_url is simply set to empty string ''. This would indicate a first time insta...
Read more

How to fix 500 internal privoxy error

By -
I keep getting a 500 Internal Privoxy Error when I open a particular URL. I t ried several websites that promise a fix but only want to sell me some bullshit software for $29.95 that doesn't do anything.   The actual message is as follows 500 Internal Privoxy Error Privoxy encountered an error while processing your request: Could not load template file connect-failed or one of its included components. Please contact your proxy administrator. If you are the proxy administrator, please put the required file(s)in the (confdir)/templates directory. The location of the (confdir) directory is specified in the main Privoxy config file. (It's typically the Privoxy install directory). After spending so much of time and putting lots of effort at internet, finally I fixed it. The solutions is -- Disable proxy settings and check. Press “Windows Logo” + “R” keys on the keyboard, type “inetcpl.cpl” and press “Enter”. Click the “Connections” tab, and then click “LAN settings...
Read more