Vue.js Mozilla PDF.js vue-pdf-app Library PDF Viewer to Display PDF Documents in Browser Using Javascript Full Tutorial For Beginners

You are currently viewing Vue.js Mozilla PDF.js vue-pdf-app Library PDF Viewer to Display PDF Documents in Browser Using Javascript Full Tutorial For Beginners
  • Post author:
  • Post category:Vue
  • Post comments:0 Comments

 

Welcome folks today in this blog post we will be building a pdf viewer using vue-pdf-app library in vue.js using mozilla pdf.js library. All the full source code of the application is shown below.

 

 

Get Started

 

 

In order to get started you need to install the below library using the npm command as shown below

 

npm i vue-pdf-app

 

After installing this library you can use this library to display the pdf documents inside the browser in vue.js

 

Official Github Repository

 

VUEjs v2 PDF viewer based on Mozilla’s PDFJS.

100% PDFJS functionality:

  • zoom
  • open
  • print
  • download
  • rotate
  • text selection
  • search panel
  • thumbnail, outline, attachments, annotation layers

Easily localized configurable panel

Cross-browser support

Built-in typescript support

 

Example

 

 

 

 

 

 

Browser Usage

 

 

 

Typescript

 

 

 

Lazy Loading

 

 

 

 

PDF.js Interaction

 

 

 

Leave a Reply