Having trouble getting help?
Contact Support
Contact Support
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>