Some test text!

Loading...
Guides

Open a document

There are a few ways to open a document such as from a URL, a blob, the filesystem, or base64 data. Additionally, there are loading options to help WebViewer determine the type of the file being loaded.

Opening a document from ArrayBuffer

If your document is already in ArrayBuffer format you can convert the ArrayBuffer object to a Blob and then pass resulting Blob directly to loadDocument function.

WebViewer(...)
  .then(instance => {

    // `arrayBuffer` is your buffer data which can come
    // from sources such as a server or the filesystem
    const arr = new Uint8Array(arrayBuffer);
    const blob = new Blob([arr], { type: 'application/pdf' });
    instance.UI.loadDocument(blob, { filename: 'myfile.pdf' });

    const { documentViewer } = instance.Core;
    documentViewer.addEventListener('documentLoaded', () => {
      // perform document operations
    });
  });

See more WebViewer events such as documentLoaded to understand when to execute API operations.

If you run into any issues loading a document, please visit our FAQ.

Get the answers you need: Support

Upcoming Webinar: Live tech update & run-through: Redaction | March 31st at 11 am PT

PDFTron SDK

The Platform

NEW

© 2022 PDFTron Systems Inc. All rights reserved.

Privacy

Terms of Use