Load PDF documents dynamically

The PDF Viewer library allows to switch or load the PDF documents dynamically after the initial load operation. To achieve this, load the PDF document as a base64 string or file name in PDF Viewer control using the Load() method dynamically.

The following steps are used to load the PDF document dynamically.

Step 1: Follow the steps provided in the link to create a simple PDF Viewer sample in Angular.

Step 2: Use the following code snippet to load the document from Base64 string.

<button (click)="load_1()">LoadDocumentFromBase64</button>

load_1() {
  var viewer = (<any>document.getElementById("pdfViewer")).ej2_instances[0];
  viewer.load(
    "data:application/pdf;base64,.....",
    null
  );
}

Step 3: Use the following code snippet to load PDF document using document name.

<button (click)="load_2()">LoadDocumentFromBase64</button>

load_2() {
  // Load PDF document using file name
  var viewer = (<any>document.getElementById('pdfViewer')).ej2_instances[0];
  viewer.load('https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', null);
}

Find the Sample, how to load the PDF document dynamically

View sample in GitHub