24eme/signaturepdf
24eme/signaturepdf
1
0
Fork 0
mirror of https://github.com/24eme/signaturepdf.git synced 2023-08-25 09:33:08 +02:00
Code Issues Releases Wiki Activity

let instead of var

Browse Source
This commit is contained in:
Vincent LAURENT 2022-04-14 09:09:01 +02:00
parent 8ca0115391
commit 992081a882
1 changed files with 60 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

125
public/js/signature.js
View File

@ -18,11 +18,12 @@ var currentCursor = null;
var signaturePad = null; var signaturePad = null;
var loadPDF = async function(pdfBlob, filename) { var loadPDF = async function(pdfBlob, filename) {
var pdfjsLib = window['pdfjs-dist/build/pdf']; let pdfjsLib = window['pdfjs-dist/build/pdf'];
pdfjsLib.GlobalWorkerOptions.workerSrc = '/vendor/pdf.worker.js?legacy'; pdfjsLib.GlobalWorkerOptions.workerSrc = '/vendor/pdf.worker.js?legacy';
let url = await URL.createObjectURL(pdfBlob); let url = await URL.createObjectURL(pdfBlob);
let text_document_name = document.querySelector('#text_document_name');
text_document_name.querySelector('span').innerText = filename; text_document_name.querySelector('span').innerText = filename;
text_document_name.setAttribute('title', filename); text_document_name.setAttribute('title', filename);
@ -44,10 +45,10 @@ var loadPDF = async function(pdfBlob, filename) {
document.location = "/"; document.location = "/";
return; return;
} }
for(var pageNumber = 1; pageNumber <= pdf.numPages; pageNumber++ ) { for(let pageNumber = 1; pageNumber <= pdf.numPages; pageNumber++ ) {
pdf.getPage(pageNumber).then(function(page) { pdf.getPage(pageNumber).then(function(page) {
var scale = 1.5; let scale = 1.5;
var viewport = page.getViewport({scale: scale}); let viewport = page.getViewport({scale: scale});
if(viewport.width > document.getElementById('container-pages').clientWidth - 40) { if(viewport.width > document.getElementById('container-pages').clientWidth - 40) {
viewport = page.getViewport({scale: 1}); viewport = page.getViewport({scale: 1});
scale = (document.getElementById('container-pages').clientWidth - 40) / viewport.width; scale = (document.getElementById('container-pages').clientWidth - 40) / viewport.width;
@ -56,29 +57,29 @@ var loadPDF = async function(pdfBlob, filename) {
currentScale = scale; currentScale = scale;
var pageIndex = page.pageNumber - 1; let pageIndex = page.pageNumber - 1;
document.getElementById('form_block').insertAdjacentHTML('beforeend', '<input name="svg[' + pageIndex + ']" id="data-svg-' + pageIndex + '" type="hidden" value="" />'); document.getElementById('form_block').insertAdjacentHTML('beforeend', '<input name="svg[' + pageIndex + ']" id="data-svg-' + pageIndex + '" type="hidden" value="" />');
document.getElementById('container-pages').insertAdjacentHTML('beforeend', '<div class="position-relative mt-1 ms-1 me-1 d-inline-block" id="canvas-container-' + pageIndex +'"><canvas id="canvas-pdf-'+pageIndex+'" class="shadow-sm canvas-pdf"></canvas><div class="position-absolute top-0 start-0"><canvas id="canvas-edition-'+pageIndex+'"></canvas></div></div>'); document.getElementById('container-pages').insertAdjacentHTML('beforeend', '<div class="position-relative mt-1 ms-1 me-1 d-inline-block" id="canvas-container-' + pageIndex +'"><canvas id="canvas-pdf-'+pageIndex+'" class="shadow-sm canvas-pdf"></canvas><div class="position-absolute top-0 start-0"><canvas id="canvas-edition-'+pageIndex+'"></canvas></div></div>');
var canvasPDF = document.getElementById('canvas-pdf-' + pageIndex); let canvasPDF = document.getElementById('canvas-pdf-' + pageIndex);
var canvasEditionHTML = document.getElementById('canvas-edition-' + pageIndex); let canvasEditionHTML = document.getElementById('canvas-edition-' + pageIndex);
// Prepare canvas using PDF page dimensions // Prepare canvas using PDF page dimensions
var context = canvasPDF.getContext('2d'); let context = canvasPDF.getContext('2d');
canvasPDF.height = viewport.height; canvasPDF.height = viewport.height;
canvasPDF.width = viewport.width; canvasPDF.width = viewport.width;
canvasEditionHTML.height = canvasPDF.height; canvasEditionHTML.height = canvasPDF.height;
canvasEditionHTML.width = canvasPDF.width; canvasEditionHTML.width = canvasPDF.width;
var renderContext = { let renderContext = {
canvasContext: context, canvasContext: context,
viewport: viewport, viewport: viewport,
enhanceTextSelection: true enhanceTextSelection: true
}; };
var renderTask = page.render(renderContext); let renderTask = page.render(renderContext);
pdfRenderTasks.push(renderTask); pdfRenderTasks.push(renderTask);
pdfPages.push(page); pdfPages.push(page);
var canvasEdition = new fabric.Canvas('canvas-edition-' + pageIndex, { let canvasEdition = new fabric.Canvas('canvas-edition-' + pageIndex, {
selection : false, selection : false,
allowTouchScrolling: true allowTouchScrolling: true
}); });
@ -180,7 +181,7 @@ var storeCollections = function () {
var getSvgItem = function(svg) { var getSvgItem = function(svg) {
for (index in svgCollections) { for (index in svgCollections) {
svgItem = svgCollections[index]; let svgItem = svgCollections[index];
if(svgItem.svg == svg) { if(svgItem.svg == svg) {
return svgItem; return svgItem;
@ -242,7 +243,7 @@ var svgChange = function(input, event) {
stateAddLock(false); stateAddLock(false);
var input_selected = document.querySelector('input[name="svg_2_add"]:checked'); let input_selected = document.querySelector('input[name="svg_2_add"]:checked');
if(input_selected && !input_selected.value.match(/^data:/) && input_selected.value != "text") { if(input_selected && !input_selected.value.match(/^data:/) && input_selected.value != "text") {
input_selected = null; input_selected = null;
@ -269,7 +270,7 @@ var svgChange = function(input, event) {
}; };
var getHtmlSvg = function(svg, i) { var getHtmlSvg = function(svg, i) {
var inputRadio = document.createElement('input'); let inputRadio = document.createElement('input');
inputRadio.type = "radio"; inputRadio.type = "radio";
inputRadio.classList.add("btn-check"); inputRadio.classList.add("btn-check");
inputRadio.id="radio_svg_"+i; inputRadio.id="radio_svg_"+i;
@ -279,7 +280,7 @@ var getHtmlSvg = function(svg, i) {
inputRadio.addEventListener('change', function() { inputRadio.addEventListener('change', function() {
svgChange(this, event); svgChange(this, event);
}); });
var svgButton = document.createElement('label'); let svgButton = document.createElement('label');
svgButton.id = "label_svg_"+i; svgButton.id = "label_svg_"+i;
svgButton.classList.add('position-relative'); svgButton.classList.add('position-relative');
svgButton.classList.add('btn'); svgButton.classList.add('btn');
@ -312,12 +313,12 @@ var getHtmlSvg = function(svg, i) {
svgButton.addEventListener('mouseout', function(event) { svgButton.addEventListener('mouseout', function(event) {
this.style.removeProperty('cursor'); this.style.removeProperty('cursor');
}) })
var svgImg = document.createElement('img'); let svgImg = document.createElement('img');
svgImg.src = svg.svg; svgImg.src = svg.svg;
svgImg.draggable = false; svgImg.draggable = false;
svgImg.style = "max-width: 180px;max-height: 70px;"; svgImg.style = "max-width: 180px;max-height: 70px;";
svgButton.appendChild(svgImg); svgButton.appendChild(svgImg);
var svgContainer = document.createElement('div'); let svgContainer = document.createElement('div');
svgContainer.classList.add('d-grid'); svgContainer.classList.add('d-grid');
svgContainer.classList.add('gap-2'); svgContainer.classList.add('gap-2');
svgContainer.appendChild(inputRadio); svgContainer.appendChild(inputRadio);
@ -330,8 +331,8 @@ var stateAddLock = function(state) {
if(forceAddLock) { if(forceAddLock) {
state = true; state = true;
} }
var checkbox = document.getElementById('add-lock-checkbox'); let checkbox = document.getElementById('add-lock-checkbox');
var input_selected = document.querySelector('input[name="svg_2_add"]:checked'); let input_selected = document.querySelector('input[name="svg_2_add"]:checked');
addLock = state; addLock = state;
@ -342,13 +343,8 @@ var stateAddLock = function(state) {
checkbox.disabled = false; checkbox.disabled = false;
} }
/*document.querySelectorAll('.btn-svg').forEach(function(item) {
item.style.borderWidth = "1px";
});*/
if(addLock && input_selected) { if(addLock && input_selected) {
var svgButton = document.querySelector('.btn-svg[for="'+input_selected.id+'"]'); let svgButton = document.querySelector('.btn-svg[for="'+input_selected.id+'"]');
//svgButton.style.borderWidth = "2px";
checkbox.checked = true; checkbox.checked = true;
return; return;
} }
@ -365,7 +361,7 @@ var displaysSVG = function() {
item.classList.remove('d-none'); item.classList.remove('d-none');
}); });
svgCollections.forEach((svg, i) => { svgCollections.forEach((svg, i) => {
var svgHtmlChild = getHtmlSvg(svg, i); let svgHtmlChild = getHtmlSvg(svg, i);
if(svg.type) { if(svg.type) {
document.getElementById('svg_list_'+svg.type).appendChild(svgHtmlChild); document.getElementById('svg_list_'+svg.type).appendChild(svgHtmlChild);
return; return;
@ -392,7 +388,7 @@ var displaysSVG = function() {
}; };
function dataURLtoBlob(dataurl) { function dataURLtoBlob(dataurl) {
var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], let arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
while(n--){ while(n--){
u8arr[n] = bstr.charCodeAt(n); u8arr[n] = bstr.charCodeAt(n);
@ -410,7 +406,7 @@ function trimSvgWhitespace(svgContent) {
return null; return null;
} }
var svgContainer = document.createElement("div") let svgContainer = document.createElement("div")
svgContainer.classList.add('invisible'); svgContainer.classList.add('invisible');
svgContainer.classList.add('position-absolute'); svgContainer.classList.add('position-absolute');
svgContainer.classList.add('top-0'); svgContainer.classList.add('top-0');
@ -418,8 +414,8 @@ function trimSvgWhitespace(svgContent) {
svgContainer.style = "z-index: -1;"; svgContainer.style = "z-index: -1;";
svgContainer.innerHTML = svgContent; svgContainer.innerHTML = svgContent;
document.body.appendChild(svgContainer); document.body.appendChild(svgContainer);
var svg = svgContainer.querySelector('svg'); let svg = svgContainer.querySelector('svg');
var box = svg.getBBox(); let box = svg.getBBox();
svg.setAttribute("viewBox", [box.x, box.y, box.width, box.height].join(" ")); svg.setAttribute("viewBox", [box.x, box.y, box.width, box.height].join(" "));
svgContent = svgContainer.innerHTML; svgContent = svgContainer.innerHTML;
document.body.removeChild(svgContainer) document.body.removeChild(svgContainer)
@ -432,7 +428,7 @@ var uploadSVG = function(formData) {
document.getElementById('btn_modal_ajouter_spinner').classList.remove('d-none'); document.getElementById('btn_modal_ajouter_spinner').classList.remove('d-none');
document.getElementById('btn_modal_ajouter_check').classList.add('d-none'); document.getElementById('btn_modal_ajouter_check').classList.add('d-none');
xhr = new XMLHttpRequest(); let xhr = new XMLHttpRequest();
xhr.open( 'POST', document.getElementById('form-image-upload').action, true ); xhr.open( 'POST', document.getElementById('form-image-upload').action, true );
xhr.onreadystatechange = function () { xhr.onreadystatechange = function () {
@ -502,7 +498,7 @@ var createAndAddSvgInCanvas = function(canvas, item, x, y, height = null) {
} }
if(item == 'text') { if(item == 'text') {
var textbox = new fabric.Textbox('Texte à modifier', { let textbox = new fabric.Textbox('Texte à modifier', {
left: x, left: x,
top: y - 20, top: y - 20,
fontSize: 20, fontSize: 20,
@ -520,14 +516,14 @@ var createAndAddSvgInCanvas = function(canvas, item, x, y, height = null) {
} }
fabric.loadSVGFromURL(item, function(objects, options) { fabric.loadSVGFromURL(item, function(objects, options) {
var svg = fabric.util.groupSVGElements(objects, options); let svg = fabric.util.groupSVGElements(objects, options);
svg.svgOrigin = item; svg.svgOrigin = item;
svg.lockScalingFlip = true; svg.lockScalingFlip = true;
svg.scaleToHeight(height); svg.scaleToHeight(height);
if(svg.getScaledWidth() > 200) { if(svg.getScaledWidth() > 200) {
svg.scaleToWidth(200); svg.scaleToWidth(200);
} }
var svgItem = getSvgItem(item); let svgItem = getSvgItem(item);
if(svgItem && svgItem.scale) { if(svgItem && svgItem.scale) {
svg.scaleToWidth(canvas.width * svgItem.scale); svg.scaleToWidth(canvas.width * svgItem.scale);
} }
@ -548,7 +544,7 @@ var zoomChange = function (inOrOut) {
return; return;
} }
var deltaScale = 0.2 * inOrOut; let deltaScale = 0.2 * inOrOut;
if(currentScale + deltaScale < 0) { if(currentScale + deltaScale < 0) {
return return
@ -578,7 +574,7 @@ var resizePDF = function (scale = 'auto') {
} }
pdfPages.forEach(function(page, pageIndex) { pdfPages.forEach(function(page, pageIndex) {
var renderTask = pdfRenderTasks[pageIndex]; let renderTask = pdfRenderTasks[pageIndex];
if(scale == 'auto' && page.getViewport({scale: 1.5}).width > document.getElementById('container-pages').clientWidth - 40) { if(scale == 'auto' && page.getViewport({scale: 1.5}).width > document.getElementById('container-pages').clientWidth - 40) {
scale = (document.getElementById('container-pages').clientWidth - 40) / page.getViewport({scale: 1}).width; scale = (document.getElementById('container-pages').clientWidth - 40) / page.getViewport({scale: 1}).width;
@ -588,18 +584,18 @@ var resizePDF = function (scale = 'auto') {
scale = 1.5; scale = 1.5;
} }
var viewport = page.getViewport({scale: scale}); let viewport = page.getViewport({scale: scale});
currentScale = scale; currentScale = scale;
var canvasPDF = document.getElementById('canvas-pdf-' + pageIndex); let canvasPDF = document.getElementById('canvas-pdf-' + pageIndex);
var context = canvasPDF.getContext('2d'); let context = canvasPDF.getContext('2d');
canvasPDF.height = viewport.height; canvasPDF.height = viewport.height;
canvasPDF.width = viewport.width; canvasPDF.width = viewport.width;
canvasEdition = canvasEditions[pageIndex]; canvasEdition = canvasEditions[pageIndex];
var scaleMultiplier = canvasPDF.width / canvasEdition.width; let scaleMultiplier = canvasPDF.width / canvasEdition.width;
var objects = canvasEdition.getObjects(); let objects = canvasEdition.getObjects();
for (var i in objects) { for (let i in objects) {
objects[i].scaleX = objects[i].scaleX * scaleMultiplier; objects[i].scaleX = objects[i].scaleX * scaleMultiplier;
objects[i].scaleY = objects[i].scaleY * scaleMultiplier; objects[i].scaleY = objects[i].scaleY * scaleMultiplier;
objects[i].left = objects[i].left * scaleMultiplier; objects[i].left = objects[i].left * scaleMultiplier;
@ -612,7 +608,7 @@ var resizePDF = function (scale = 'auto') {
canvasEdition.renderAll(); canvasEdition.renderAll();
canvasEdition.calcOffset(); canvasEdition.calcOffset();
var renderContext = { let renderContext = {
canvasContext: context, canvasContext: context,
viewport: viewport, viewport: viewport,
enhanceTextSelection: true enhanceTextSelection: true
@ -662,7 +658,7 @@ var createEventsListener = function() {
}); });
document.getElementById('btn_modal_ajouter').addEventListener('click', function() { document.getElementById('btn_modal_ajouter').addEventListener('click', function() {
var svgItem = {}; let svgItem = {};
if(document.getElementById('input-svg-type').value) { if(document.getElementById('input-svg-type').value) {
svgItem.type = document.getElementById('input-svg-type').value; svgItem.type = document.getElementById('input-svg-type').value;
} }
@ -670,17 +666,17 @@ var createEventsListener = function() {
svgItem.svg = document.getElementById('img-upload').src; svgItem.svg = document.getElementById('img-upload').src;
} }
if(document.getElementById('nav-type-tab').classList.contains('active')) { if(document.getElementById('nav-type-tab').classList.contains('active')) {
var fontPath = fontCaveat.getPath(document.getElementById('input-text-signature').value, 0, 0, 42); let fontPath = fontCaveat.getPath(document.getElementById('input-text-signature').value, 0, 0, 42);
var fabricPath = new fabric.Path(fontPath.toPathData()); let fabricPath = new fabric.Path(fontPath.toPathData());
fabricPath.top = 0; fabricPath.top = 0;
fabricPath.left = 0; fabricPath.left = 0;
fabricPath.height = fabricPath.getScaledHeight(); fabricPath.height = fabricPath.getScaledHeight();
var textCanvas = document.createElement('canvas'); let textCanvas = document.createElement('canvas');
textCanvas.width = fabricPath.getScaledWidth(); textCanvas.width = fabricPath.getScaledWidth();
textCanvas.height = fabricPath.getScaledHeight(); textCanvas.height = fabricPath.getScaledHeight();
var textCanvas = new fabric.Canvas(textCanvas); let textCanvasFabric = new fabric.Canvas(textCanvas);
textCanvas.add(fabricPath).renderAll(); textCanvasFabric.add(fabricPath).renderAll();
svgItem.svg = svgToDataUrl(textCanvas.toSVG()); svgItem.svg = svgToDataUrl(textCanvasFabric.toSVG());
} }
if(document.getElementById('nav-import-tab').classList.contains('active')) { if(document.getElementById('nav-import-tab').classList.contains('active')) {
svgItem.svg = document.getElementById('img-upload').src; svgItem.svg = document.getElementById('img-upload').src;
@ -689,7 +685,7 @@ var createEventsListener = function() {
displaysSVG(); displaysSVG();
localStorage.setItem('svgCollections', JSON.stringify(svgCollections)); localStorage.setItem('svgCollections', JSON.stringify(svgCollections));
var svg_list_id = "svg_list"; let svg_list_id = "svg_list";
if(svgItem.type) { if(svgItem.type) {
svg_list_id = svg_list_id + "_" + svgItem.type; svg_list_id = svg_list_id + "_" + svgItem.type;
} }
@ -704,7 +700,7 @@ var createEventsListener = function() {
}) })
document.querySelectorAll('#modalAddSvg .nav-link').forEach(function(item) { item.addEventListener('shown.bs.tab', function (event) { document.querySelectorAll('#modalAddSvg .nav-link').forEach(function(item) { item.addEventListener('shown.bs.tab', function (event) {
var firstInput = document.querySelector(event.target.dataset.bsTarget).querySelector('input'); let firstInput = document.querySelector(event.target.dataset.bsTarget).querySelector('input');
if(firstInput) { if(firstInput) {
firstInput.focus(); firstInput.focus();
} }
@ -712,11 +708,11 @@ var createEventsListener = function() {
document.getElementById('modalAddSvg').addEventListener('shown.bs.modal', function (event) { document.getElementById('modalAddSvg').addEventListener('shown.bs.modal', function (event) {
document.querySelector('#modalAddSvg #nav-tab button:first-child').focus(); document.querySelector('#modalAddSvg #nav-tab button:first-child').focus();
var tab = document.querySelector('#modalAddSvg .tab-pane.active'); let tab = document.querySelector('#modalAddSvg .tab-pane.active');
if(tab.querySelector('input')) { if(tab.querySelector('input')) {
tab.querySelector('input').focus(); tab.querySelector('input').focus();
} }
var input_selected = document.querySelector('input[name="svg_2_add"]:checked'); let input_selected = document.querySelector('input[name="svg_2_add"]:checked');
if(input_selected) { if(input_selected) {
input_selected.checked = false; input_selected.checked = false;
input_selected.dispatchEvent(new Event("change")); input_selected.dispatchEvent(new Event("change"));
@ -742,7 +738,7 @@ var createEventsListener = function() {
}) })
document.getElementById('input-image-upload').addEventListener('change', function(event) { document.getElementById('input-image-upload').addEventListener('change', function(event) {
var data = new FormData(); let data = new FormData();
data.append('file', document.getElementById('input-image-upload').files[0]); data.append('file', document.getElementById('input-image-upload').files[0]);
uploadSVG(data); uploadSVG(data);
event.preventDefault(); event.preventDefault();
@ -750,7 +746,7 @@ var createEventsListener = function() {
if(document.getElementById('save')) { if(document.getElementById('save')) {
document.getElementById('save').addEventListener('click', function(event) { document.getElementById('save').addEventListener('click', function(event) {
var dataTransfer = new DataTransfer(); let dataTransfer = new DataTransfer();
canvasEditions.forEach(function(canvasEdition, index) { canvasEditions.forEach(function(canvasEdition, index) {
dataTransfer.items.add(new File([canvasEdition.toSVG()], index+'.svg', { dataTransfer.items.add(new File([canvasEdition.toSVG()], index+'.svg', {
type: 'image/svg+xml' type: 'image/svg+xml'
@ -762,7 +758,7 @@ var createEventsListener = function() {
if(document.getElementById('save_share')) { if(document.getElementById('save_share')) {
document.getElementById('save_share').addEventListener('click', function(event) { document.getElementById('save_share').addEventListener('click', function(event) {
var dataTransfer = new DataTransfer(); let dataTransfer = new DataTransfer();
if(!document.getElementById('save').hasAttribute('disabled')) { if(!document.getElementById('save').hasAttribute('disabled')) {
canvasEditions.forEach(function(canvasEdition, index) { canvasEditions.forEach(function(canvasEdition, index) {
dataTransfer.items.add(new File([canvasEdition.toSVG()], index+'.svg', { dataTransfer.items.add(new File([canvasEdition.toSVG()], index+'.svg', {
@ -783,7 +779,7 @@ var createEventsListener = function() {
}); });
document.getElementById('btn_svg_selected_close').addEventListener('click', function(event) { document.getElementById('btn_svg_selected_close').addEventListener('click', function(event) {
var input_selected = document.querySelector('input[name="svg_2_add"]:checked'); let input_selected = document.querySelector('input[name="svg_2_add"]:checked');
stateAddLock(false); stateAddLock(false);
input_selected.checked = false; input_selected.checked = false;
@ -793,8 +789,7 @@ var createEventsListener = function() {
document.addEventListener('click', function(event) { document.addEventListener('click', function(event) {
if(event.target.nodeName == "DIV") { if(event.target.nodeName == "DIV") {
let input_selected = document.querySelector('input[name="svg_2_add"]:checked');
var input_selected = document.querySelector('input[name="svg_2_add"]:checked');
if(!input_selected) { if(!input_selected) {
return; return;
} }
@ -806,7 +801,7 @@ var createEventsListener = function() {
document.addEventListener('keydown', function(event) { document.addEventListener('keydown', function(event) {
if(event.key == 'Escape' && (event.target.tagName == "BODY" || event.target.name == "svg_2_add")) { if(event.key == 'Escape' && (event.target.tagName == "BODY" || event.target.name == "svg_2_add")) {
var input_selected = document.querySelector('input[name="svg_2_add"]:checked'); let input_selected = document.querySelector('input[name="svg_2_add"]:checked');
if(!input_selected) { if(!input_selected) {
return; return;
} }
@ -907,7 +902,7 @@ var createSignaturePad = function() {
const file = new File([dataURLtoBlob(signaturePad.toDataURL())], "draw.png", { const file = new File([dataURLtoBlob(signaturePad.toDataURL())], "draw.png", {
type: 'image/png' type: 'image/png'
}); });
var data = new FormData(); let data = new FormData();
data.append('file', file); data.append('file', file);
uploadSVG(data); uploadSVG(data);
} }
@ -929,11 +924,11 @@ async function getPDFBlobFromCache(cacheUrl) {
async function uploadFromUrl(url) { async function uploadFromUrl(url) {
history.replaceState({}, '', '/signature'); history.replaceState({}, '', '/signature');
var response = await fetch(url); let response = await fetch(url);
if(response.status != 200) { if(response.status != 200) {
return; return;
} }
var pdfBlob = await response.blob(); let pdfBlob = await response.blob();
if(pdfBlob.type != 'application/pdf' && pdfBlob.type != 'application/octet-stream') { if(pdfBlob.type != 'application/pdf' && pdfBlob.type != 'application/octet-stream') {
return; return;
@ -1033,7 +1028,7 @@ var pageSignature = async function(url) {
let filename = url.replace('/pdf/', ''); let filename = url.replace('/pdf/', '');
if(hash) { if(hash) {
var response = await fetch(url); let response = await fetch(url);
if(response.status != 200) { if(response.status != 200) {
return; return;
} }