Category / Section
How to load PDF document as base64 string into PDF viewer in Angular platform?
4 mins read
You can load the PDF document as base64 string into PDF viewer using the documentPath API exposed in PDF viewer. Refer to the following code snippet.
HTML
<ej-pdfviewer [(serviceUrl)]="service" id="pdfviewer1" [(documentPath)]="docPath" style="width:100%;min-height:600px;display:block" > </ej-pdfviewer>
TS
import { Component } from '@angular/core';
@Component({
selector: 'ej-app',
templateUrl: './pdfviewer.component.html',
})
export class PdfViewerComponent {
service: string;
docPath: string;
constructor() {
this.service = 'http://js.syncfusion.com/demos/ejservices/api/PdfViewer';
//Provide your base64 string in docPath.
this.docPath = ' ';
}
}
Note:
We have provided base64 string of the PDF document in the below sample
Sample link:
https://www.syncfusion.com/downloads/support/directtrac/general/ze/PDF_Viewer_Angular-120812323
