Some test text!

Opening a document from file system

If you have the File object, from a file picker for example, you can pass the object directly to loadDocument function.

<!-- add our input and a label -->
<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>
  var viewerElement = document.getElementById('viewer');
  var myWebViewer = new PDFTron.WebViewer({ ... }, viewerElement);

  var input = document.getElementById('file_upload');

  viewerElement.addEventListener('ready', function() {
    var viewerInstance = myWebViewer.getInstance();

    input.addEventListener('change', function() {
      // Get the file from the input
      var file = input.files[0];
      viewerInstance.loadDocument(file, { filename: file.name })
    });
  });
</script>

Get the answers you need: Support