Embed A Powerful PDF Viewer Using The jQuery.pdfviewer Plugin

A simple, lightweight jQuery plugin that lets you embed a fully functional PDF viewer in your document.
Built on top of Mozilla's robust pdf.js engine, it comes with a range of user-friendly controls for page navigation, zooming, and printing, as well as downloading the PDF.
How to use it:
1. Load the necessary jQuery and pdf.js libraries from a CDN.
2. Download and load the jQuery.pdfviewer plugin's files.
3. Create an empty container to hold your PDF viewer.
4. Initialize the plugin and specify the path to the PDF file.
$('#pdfviewer').pdfViewer('file.pdf');
5. Set the size of the PDF viewer.
$('#pdfviewer').pdfViewer('file.pdf',< width: 900, height: 600, >);
6. The filename option allows saving the PDF with a custom name on download. The example uses date values to create a unique name.
$('#pdfviewer').pdfViewer('file.pdf',< filename: "DOCUMENT_" + date.getDay() + '_' + date.getMonth() + '_' + date.getFullYear(), >);
7. The isBase64 flag indicates if the document Url contains a base64 encoded PDF data. Set to true for base64 files.
$('#pdfviewer').pdfViewer('file.pdf',< isBase64: true, >);
This awesome jQuery plugin is developed by algotrader2023. For more Advanced Usages, please check the demo page or visit the official website.
- Prev: Simplify Bot Prevention For Your Web Apps with EasyCaptchaJS
- Next: Clone Web Elements In A Snap With The pcsCpElement jQuery Plugin
Related jQuery Plugins





You Might Also Like

style Notification Plugin For Bootstrap - Notify" width="177" height="132" />




Add Your Review
Categories:
- All jQuery Plugins
- Accordion (142)
- Animation (1016)
- Chart & Graph (207)
- CSS3 & Html5 (36)
- Form (1461)
- Gallery (282)
- Layout (481)
- LightBox (526)
- Loading (312)
- Menu & Nav (950)
- Mobile (39)
- Others (2794)
- Rotator (95)
- Slider (819)
- Slideshow (314)
- Social Media (190)
- Table (353)
- Text (559)
- Time & Clock (512)
- Tooltip (151)
- Zoom (150)
Most Popular In This Category:
- jQuery Plugin For BarCode and QR Code Reader - WebCodeCam 205919 views - 12/13/2014
- jQuery Plugin To Print Any Part Of Your Page - Print 190633 views - 06/12/2021
- Simple jQuery Based Barcode Generator - Barcode 181102 views - 09/08/2022
- Simple jQuery Star Rating System For Bootstrap 5/4/3 144482 views - 09/27/2021
- Smooth Signature Pad Plugin with jQuery and Html5 Canvas 133100 views - 01/23/2021
- Dynamic Tree View Plugin With jQuery And Bootstrap 130524 views - 01/31/2024
- Awesome Video Background Plugin with HTML5 and Youtube API - YTPlayer 109963 views - 05/29/2022
- Simple Shopping Cart Plugin With jQuery And Bootstrap - mycart 108358 views - 12/03/2020
- Export Html To Word Document With Images Using jQuery Word Export Plugin 105070 views - 02/22/2015
- jQuery & Bootstrap Based Toast Notification Plugin - toaster 104453 views - 04/01/2016
- More Popular Plugins
- Google Maps Store Locator Plugin For jQuery 50573 views - 05/19/2024
- Powerful jQuery Dialog Box Plugin - Zebra_Dialog 16687 views - 05/13/2024
- Full-featured Star Rating Plugin For jQuery & Vanilla JavaScript - Raty 14446 views - 04/28/2024
- HTML5 Video and Audio Player Plugin - MediaElement.js 23476 views - 04/27/2024
- Highly Customizable Rating Plugin For jQuery - Rateit.js 10657 views - 03/21/2024
- Easy Number and Currency Formatting Library - autoNumeric 78455 views - 01/21/2024
- Powerful Dynamic Tree Plugin With jQuery - jsTree 72947 views - 09/19/2023
- Simple Step By Step Site Tour Plugin - Intro.js 25342 views - 08/15/2023
- Cookie Consent Notice Plugin For Bootstrap 5/4 - cookieAlert.js 36365 views - 06/22/2023
- Simple & Full-featured jQuery Pagination System - Pagination.js 49169 views - 03/16/2023
- More Recommended Plugins
Get Free Updates
Get Weekly Email on latest Web & Graphic Design freebies. No spam, we promise!
You Might Like:
About jQuery Script
Free jQuery Plugins and Tutorials - One of the BEST jQuery websites that provide web designers and developers with a simple way to preview and download a variety of Free jQuery Plugins. More.
Most Popular Categories
- jQuery Slider Plugins
- jQuery Slideshow Plugins
- jQuery Menu Plugins
- jQuery Table Plugins
- jQuery Gallery Plugins