Download PDF document in PDF Viewer component
The PDF Viewer supports downloading the loaded PDF file. You can enable or disable the download using the following example.
<div style="width:100%;height:600px">
<ejs-pdfviewer id="pdfviewer"
style="height:600px"
documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
enableDownload="true">
</ejs-pdfviewer>
</div><div style="width:100%;height:600px">
<ejs-pdfviewer id="pdfviewer"
style="height:600px"
serviceUrl="/api/PdfViewer"
documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
enableDownload="true">
</ejs-pdfviewer>
</div>
You can also programmatically invoke the download action using the download() method, as shown below:
<div style="width:100%;height:600px">
<ejs-pdfviewer id="pdfviewer"
style="height:600px"
documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
enableDownload="true"
documentLoad="documentLoaded">
</ejs-pdfviewer>
</div>
<script>
function documentLoaded() {
var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
pdfViewer.download();
}
</script><div style="width:100%;height:600px">
<ejs-pdfviewer id="pdfviewer"
style="height:600px"
serviceUrl="/api/PdfViewer"
documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
enableDownload="true"
documentLoad="documentLoaded">
</ejs-pdfviewer>
</div>
<script>
function documentLoaded() {
var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
pdfViewer.download();
}
</script>Get the base64 string while downloading the PDF document
You can use the downloadEnd event of the PDF Viewer to retrieve the downloaded document as a base64 string.