Vue Pdfjs Viewer screenshot

Vue Pdfjs Viewer

Author Avatar Theme by Gabrielburagev
Updated: 18 Apr 2022
10 Stars

Vue wrapper components for the pdfjs library

Categories

Overview

The @gabrielbu/vue-pdf-viewer is a versatile and user-friendly PDF viewer component specifically designed for Vue applications. Utilizing the powerful PDF.js library, this component allows developers to seamlessly integrate PDF viewing capabilities into their projects. With a range of customizable options and features, it caters to a variety of use cases, from simple document viewing to more advanced interactions.

This viewer not only supports standard PDF files via URLs but also accommodates various other formats, including buffered data and base64 strings. Its functionality extends to enabling features such as drag-and-drop support for easy file uploads, making it a robust tool for both developers and end-users alike.

Features

  • Multiple Source Support: Accepts various formats for loading PDFs including URLs, buffers, and base64 encoded strings, providing flexibility for different use cases.
  • Responsive Toolbar: Offers a configurable toolbar that can be hidden or displayed based on user preferences, allowing for a cleaner interface when needed.
  • Download Functionality: Users can enable or disable the download button, enhancing the viewer’s usability while respecting content access.
  • Sidebar Navigation: Includes a customizable sidebar for easy page navigation, which can also be toggled on or off to suit the user’s experience.
  • Drag-and-Drop Feature: Integrates with a dropzone directive that lets users easily drag and drop PDF files into the viewer, streamlining the upload process.
  • Initial Scale Setting: Provides options for setting the initial scale of the PDF display, ensuring that documents are presented at an optimal view for reading.
  • Dynamic File Naming: Allows developers to set a custom file name for downloads, defaulting to the current date and time for easy file management.