Some test text!
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.
If you have the File object, from a file picker for example, you can pass the object directly to loadDocument function.
<label for="file_upload">Choose A file</label>
<input type="file" id="file_upload" name="file_upload" accept=".pdf">
<div id='viewer' style='width: 1024px; height: 600px;'></div>
<script>
const input = document.getElementById('file_upload');
WebViewer(...)
.then(instance => {
input.addEventListener('change', () => {
// Get the file from the input
const file = input.files[0];
instance.loadDocument(file, { filename: file.name });
});
const { docViewer } = instance;
docViewer.on('documentLoaded', () => {
// perform document operations
});
});
</script>
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
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.
Web
Android
iOS
Windows
Linux
Unlimited usage. No email address required.