Some test text!

menu
Open a documentkeyboard_arrow_down

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 in WebViewer from URL

If you have a URL for a document, you can pass it either as a constructor option or to loadDocument to open it.

WebViewer({
  ...,
  initialDoc: 'https://myserver.com/myfile.pdf',
}, document.getElementById('viewer')).then(instance => {
    const { docViewer } = instance;
    docViewer.on('documentLoaded', () => {
      // perform document operations
    });
});

// or

WebViewer(...)
  .then(instance => {
    instance.loadDocument('https://myserver.com/myfile.pdf', { filename: 'myfile.pdf' });

    const { docViewer } = instance;
    docViewer.on('documentLoaded', () => {
      // perform document operations
    });
  });

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

linkAdditional options

If your document server requires additional options in HTTP request, you can use second argument in loadDocument function to pass them.

WebViewer(...)
  .then(instance => {
    instance.loadDocument('https://myserver.com/myfile.pdf', {
      filename: 'myfile.pdf',
      customHeaders: {
        Authorization: 'Basic YWxhZGRpbjpvcGVuc2VzYW1l'
      },
      withCredentials: true
    });
  });

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

Get the answers you need: Support

close

Free Trial

Get unlimited trial usage of PDFTron SDK to bring accurate, reliable, and fast document processing capabilities to any application or workflow.

Select a platform to get started with your free trial.

Unlimited usage. No email address required.