From e19ea9773a7f7b3053d975fac2713b28fcbfc064 Mon Sep 17 00:00:00 2001 From: SF4524LogeshKumar Date: Mon, 25 Nov 2024 13:11:12 +0530 Subject: [PATCH 1/2] 381112: get base 64 sample --- .../index.html | 38 +++++++++++++++++++ .../index.js | 27 +++++++++++++ 2 files changed, 65 insertions(+) create mode 100644 How to/Get Base 64 string of the loaded PDF document/index.html create mode 100644 How to/Get Base 64 string of the loaded PDF document/index.js diff --git a/How to/Get Base 64 string of the loaded PDF document/index.html b/How to/Get Base 64 string of the loaded PDF document/index.html new file mode 100644 index 0000000..c6ac5d1 --- /dev/null +++ b/How to/Get Base 64 string of the loaded PDF document/index.html @@ -0,0 +1,38 @@ + + EJ2 PDF Viewer + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + + \ No newline at end of file diff --git a/How to/Get Base 64 string of the loaded PDF document/index.js b/How to/Get Base 64 string of the loaded PDF document/index.js new file mode 100644 index 0000000..a2b5602 --- /dev/null +++ b/How to/Get Base 64 string of the loaded PDF document/index.js @@ -0,0 +1,27 @@ +var pdfviewer = new ej.pdfviewer.PdfViewer({ + documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', + //serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer', + resourceUrl: "https://cdn.syncfusion.com/ej2/23.2.6/dist/ej2-pdfviewer-lib", +}); +ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer); +pdfviewer.appendTo('#PdfViewer'); + +document.getElementById('getBase64').addEventListener('click', function() { + base64ofloadedDocument(); // Call the function to get the Base64 string +}); +function base64ofloadedDocument() { +pdfviewer.saveAsBlob().then(function(value) { + var data = value; + + var reader = new FileReader(); + + reader.readAsDataURL(data); + + reader.onload = function() { + var base64data = reader.result; + + console.log(base64data); + }; + }); +} From 880ed7cfb0d166ff758a60f68bb5e0644ce39009 Mon Sep 17 00:00:00 2001 From: SF4524LogeshKumar Date: Mon, 25 Nov 2024 16:16:56 +0530 Subject: [PATCH 2/2] 381112: included comments --- .../Get Base 64 string of the loaded PDF document/index.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/How to/Get Base 64 string of the loaded PDF document/index.js b/How to/Get Base 64 string of the loaded PDF document/index.js index a2b5602..1c5b49d 100644 --- a/How to/Get Base 64 string of the loaded PDF document/index.js +++ b/How to/Get Base 64 string of the loaded PDF document/index.js @@ -1,7 +1,6 @@ var pdfviewer = new ej.pdfviewer.PdfViewer({ documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', - //serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer', - resourceUrl: "https://cdn.syncfusion.com/ej2/23.2.6/dist/ej2-pdfviewer-lib", + resourceUrl: "https://cdn.syncfusion.com/ej2/27.2.2/dist/ej2-pdfviewer-lib", }); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer); @@ -10,6 +9,8 @@ pdfviewer.appendTo('#PdfViewer'); document.getElementById('getBase64').addEventListener('click', function() { base64ofloadedDocument(); // Call the function to get the Base64 string }); + +// Function to get Base64 of the loaded document function base64ofloadedDocument() { pdfviewer.saveAsBlob().then(function(value) { var data = value;