Open and Display PDFs in the Browser in Vue.js

Use JavaScript to open PDFs from a number of input sources, including remote URLs, blobs, array buffers, local storage, Base64 data, and more. Opened PDFs can be rendered in the viewer, annotated, and edited. PSPDFKit for Web is fully compatible with Vue.js.

Try for Free Launch Demo

PSPDFKit SDKs are deployed in some of the world’s most popular applications, such as those made by Autodesk, Disney, UBS, Dropbox, IBM, and Lufthansa.

Key Capabilities

  • Local storage or remote URL — Open files that are stored anywhere

  • Input data types — Load from a blob, ArrayBuffer, or Base64

  • Secured PDFs — Open encrypted or password-protected files

  • Client-side — Open PDFs directly in the browser (no server needed)

  • Extendable — Add annotation, signing, editing, forms, and more

Guides for Opening a Document

Open from a Remote URL
How to open a PDF document from a remote URL

Open from a Blob
How to open a PDF document from a blob

Open from an ArrayBuffer
How to open a PDF document from an ArrayBuffer

Open from Local Storage
How to open a PDF document from local storage

Open from Base64 Data
How to open a PDF document from Base64 data

Open from Document Engine
How to open a PDF document from Document Engine

Open from SharePoint Online
How to open a PDF document from SharePoint Online

Open from SharePoint On-Premises
How to open a PDF document from SharePoint On-Premises

Open from Microsoft Teams
How to open a PDF document from Microsoft Teams

Open from Microsoft OneDrive
How to open a PDF document from Microsoft OneDrive

Open Password-Protected PDFs
How to transparently open password-protected PDFs

Open HTTP Authenticated PDFs
How to transparently open PDFs protected by HTTP authentication

Open Encrypted PDFs
How to decrypt a PDF that uses custom encryption

Open on a Specific Page
How to open a PDF and show a specific page after loading

Free Trial

Start your free trial for unlimited access and expert support.

Get Started

FAQ

Here are a few frequently asked questions about opening documents in PSPDFKit for Web.

Can I open PDFs from different sources in my app?

Yes, you can open PDFs from remote URLs, blobs, ArrayBuffers, Base64 data, and more using JavaScript.

Is it possible to open secured PDFs with this library?

Absolutely, the library supports opening encrypted and password-protected PDFs.

Do I need a server to open PDFs in the browser?

No, PDFs can be opened directly in the browser on the client side without needing a server.

What types of annotations can be added to PDFs?

You can add, edit, and remove various annotations, including highlights, notes, and drawings.

Can I extend the PDF viewer with additional features?

Yes, you can extend the viewer with features like signing, editing, forms, and more.