Display document without downloading
31 Oct 20233 minutes to read
The PDF Viewer server library allows you to display the downloaded PDF document in the PDF Viewer control without downloading a document in the local machine using the load method.
The following steps are used to display the downloaded without downloading in the local machine.
Step 1: Follow the steps provided in the link to create a simple PDF Viewer sample.
Step 2: Use the following code snippet to Display document without downloading.
<button onclick="downloadDocument()">downloadDocument</button>
<div style="width:100%;height:600px">
<ejs-pdfviewer
id="pdfviewer"
documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
</ejs-pdfviewer>
</div>
<script>
function downloadDocument() {
var viewer = document.getElementById('pdfviewer').ej2_instances[0];
viewer.saveAsBlob().then(function (value) {
var data = value;
var reader = new FileReader();
reader.readAsDataURL(data);
reader.onload = () => {
var base64data = reader.result;
console.log(base64data);
viewer.load(base64data, null);
};
});
}
</script>
<button onclick="downloadDocument()">downloadDocument</button>
<div style="width:100%;height:600px">
<ejs-pdfviewer
id="pdfviewer"
documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
</ejs-pdfviewer>
</div>
<script>
function downloadDocument() {
var viewer = document.getElementById('pdfviewer').ej2_instances[0];
viewer.saveAsBlob().then(function (value) {
var data = value;
var reader = new FileReader();
reader.readAsDataURL(data);
reader.onload = () => {
var base64data = reader.result;
console.log(base64data);
viewer.load(base64data, null);
};
});
}
</script>