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: "How to build a scalable document generation solution" Nov 18th @ 11am PDT