Vue.js PDF.js Library PDF Viewer Example to Display PDF Documents inside Browser Using Javascript Full Project Full Project For Beginners

Vue.js PDF.js Library PDF Viewer Example to Display PDF Documents inside Browser Using Javascript Full Project Full Project For Beginners
  • Post author:
  • Post category:Vue
  • Post comments:0 Comments

 

 

Welcome folks today in this blog post we will be looking at a pdf viewer component in vue.js using pdf.js library in javascript . All the full source code of the application is shown below.

 

Get Started

 

Built With

  • Vue.js
  • PDF.js

Usage

Prerequisites

  • node
  • npm

 

Clone the repository to your local machine

$ git clone https://github.com/rossta/vue-pdfjs-demo.git

Change into the project directory

$ cd vue-pdfjs-demo

Install dependencies

$ yarn install

Start development server

$ yarn serve

 

 

Feature

  • read a PDF from url/local file/asset and can cache it.
  • display horizontally or vertically
  • drag and zoom
  • double tap for zoom
  • support password protected pdf
  • jump to a specific page in the pdf
READ  Vue.js Dynamic JSON Data File Generator With Live Preview From Form Field Values and Download as JSON Blob File in Browser Using Javascript Full Project For Beginners

 

In order to get started you need to create new vue.js project and then you need to download the entire full source code on github repository

 

DOWNLOAD SOURCE CODE

 

Now after downloading the source code the directory structure will look something like this as shown below

 

 

Live Demo

 

 

Vue.js PDF Viewer Example

 

 

Basic Example

 

Leave a Reply