Open a document by URL

If you have a URL for a document, you can open it by including initialDoc as a constructor option or by using the loadDocument API.

1WebViewer({
2  ...,
3  initialDoc: 'https://myserver.com/myfile.pdf',
4}, document.getElementById('viewer')).then(instance => {
5    const { documentViewer } = instance.Core;
6    documentViewer.addEventListener('documentLoaded', () => {
7      // perform document operations
8    });
9});

1WebViewer({
2  ...,
3  initialDoc: 'https://myserver.com/myfile.pdf',
4}, document.getElementById('viewer')).then(instance => {
5    const { docViewer } = instance;
6    docViewer.on('documentLoaded', () => {
7      // perform document operations
8    });
9});

1WebViewer(...)
2  .then(instance => {
3    instance.UI.loadDocument('https://myserver.com/myfile.pdf', { filename: 'myfile.pdf' });
4    const { documentViewer } = instance.Core;
5    documentViewer.addEventListener('documentLoaded', () => {
6      // perform document operations
7    });
8  });

1WebViewer(...)
2  .then(instance => {
3    instance.loadDocument('https://myserver.com/myfile.pdf', { filename: 'myfile.pdf' });
4    const { docViewer } = instance;
5    docViewer.on('documentLoaded', () => {
6      // perform document operations
7    });
8  });

WebViewer provides various options to load a document. Whether you are loading a document through the initialDoc option in the constructor or calling loadDocument after mounting, you can always provide options to load your document.