Product:

Get started

Migration Guides

What is WebViewer

DocumentViewer

Open/Save Document

Events

UI customization

Annotation

Collaboration

MS Office

DOCX Editor

Spreadsheet Editor

Conversion

PDF/A

Forms

Generate

Page manipulation

Edit page content

Extraction

Digital signature

Outlines/Bookmarks

Compare files

Optimization

Layers (OCGs)

Measurement

Redaction

Security

HTML

BIM

Video

Audio

Portfolios

Low-level PDF API

Full API

WebViewer Server

Custom server

Best practices

Advanced

Changelogs

Open a document by URL

Opening a document in WebViewer from 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.

Use the initialDoc constructor option to provide the document when mounting WebViewer.

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});

Use loadDocument to load documents with additional loading options after mounting WebViewer.

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  });

If you are loading from an extensionless URL, please ensure the extension or filename options are set.

See more in loading options

Did you find this helpful?

Trial setup questions?

Ask experts on Discord

Need other help?

Contact Support

Pricing or product questions?

Contact Sales

Product:

Product:

Open a document by URL

Opening a document in WebViewer from URL

Related Links

Related Links

Related Links

Related Links

On this page