const pdfFileField = document.getElementById('pdfFile') const pdfModal = document.getElementById('pdfModal') const pdfModalLabel = document.getElementById('pdfModalLabel') const pdfModalContent = document.getElementById('pdfModalContent') // FILE function pdfFileGetName() { return pdfFileField.files[0].name } function pdfFileClear() { pdfFileField.value = '' } async function pdfFileToBlob() { return new Promise((resolve) => { const fr = new FileReader() const file = pdfFileField.files[0] fr.readAsArrayBuffer(file) fr.onload = function() { const blob = new Blob([fr.result]) resolve(blob) } }) } // MODAL function pdfModalShow() { pdfModalLabelUpdate(); pdfModalContentclear() new bootstrap.Modal('#pdfModal').show() pdfModalContentLoad() } function pdfModalContentclear() { pdfModalContent.innerHTML = '' } async function pdfModalContentLoad() { var pdfjsLib = window['pdfjs-dist/build/pdf']; pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js'; const pdfBlob = await pdfFileToBlob() let url = await URL.createObjectURL(pdfBlob) let loadingTask = pdfjsLib.getDocument(url) loadingTask.promise.then(function(pdf) { for(let pageNumber = 1; pageNumber <= pdf.numPages; pageNumber++ ) { let pageIndex = pageNumber - 1; pdfModalContent.insertAdjacentHTML('beforeend', '