AEM PDF Viewer Component (JS)

PDFViewerScript.js

$(document).ready(function() {
    document.addEventListener("adobe_dc_view_sdk.ready", initializePDF);
    function initializePDF() {
        var pdffile = $('#pdffile').val();
        var title = $('#title').val();
        var viewmode = $('#viewmode').val();
        var viewerConfig = {
            showAnnotationTools: true,
            enableFormFilling: true,
            showLeftHandPanel: true,
            showDownloadPDF: true,
            showPrintPDF: true,
            showPageControls: true,
            dockPageControls: true,
            embedMode: $('#viewmode').val()
        };
        if (pdffile) {
            var adobeDCView = new AdobeDC.View({
                clientId: "<YOUR_CLIENT_ID>",
                divId: "adobe-dc-view",
                reportSuiteId: "<YOUR_ANALYTICS_REPORT_SUITE_ID>"
            });
            adobeDCView.previewFile({
                content: {
                    location: {
                        url: pdffile
                    }
                },
                metaData: {
                    fileName: title
                }
            }, viewerConfig);
        }
    }
});