diff options
| -rw-r--r-- | public/index.php | 22 | ||||
| -rw-r--r-- | public/static/scripts/favorites.js | 1 | ||||
| -rw-r--r-- | public/static/scripts/form.js | 6 |
3 files changed, 20 insertions, 9 deletions
diff --git a/public/index.php b/public/index.php index ddbd21a..62d0481 100644 --- a/public/index.php +++ b/public/index.php @@ -334,7 +334,7 @@ $privacy_exists = is_file($_SERVER['DOCUMENT_ROOT'] . '/static/PRIVACY.txt'); <p class="remove-script">File:</p> <hr class="remove-script"> <input type="file" name="file" - accept="<?= implode(', ', array_unique(array_values(FILE_ACCEPTED_MIME_TYPES))) ?>" + accept="<?= implode(', ', array_unique(array_values(FILE_ACCEPTED_MIME_TYPES))) ?>" multiple id="form-file"> <div class="column gap-8" id="form-upload-wrapper"> @@ -505,11 +505,18 @@ $privacy_exists = is_file($_SERVER['DOCUMENT_ROOT'] . '/static/PRIVACY.txt'); const uploadedFiles = document.getElementById('uploaded-files'); + let files = []; + const formUpload = document.getElementById('form-upload'); formUpload.addEventListener('submit', (event) => { event.preventDefault(); displayTab('file-tabs', 'uploaded-files'); - uploadData(new FormData(formUpload)); + for (const file of files) { + const form = new FormData(formUpload); + form.set("file", file); + uploadData(form); + } + files.clear(); fileUploadWrapper.innerHTML = '<h1>Click, drop, or paste files here</h1>'; setFormDetailsVisiblity(false); @@ -535,8 +542,8 @@ $privacy_exists = is_file($_SERVER['DOCUMENT_ROOT'] . '/static/PRIVACY.txt'); const formFile = document.getElementById('form-file'); formFile.style.display = 'none'; formFile.addEventListener("change", (e) => { - file = e.target.files[0]; - showFile(file); + files = e.target.files; + showFile(files); }); fileUploadWrapper.addEventListener("click", () => formFile.click()); @@ -546,14 +553,15 @@ $privacy_exists = is_file($_SERVER['DOCUMENT_ROOT'] . '/static/PRIVACY.txt'); // --------------------- fileUploadWrapper.addEventListener("drop", (e) => { e.preventDefault(); + files.clear(); if (e.dataTransfer.items) { for (const item of e.dataTransfer.items) { if (item.kind === "file") { file = item.getAsFile(); - showFile(file); - break; + files.push(file); } } + showFile(files); } }); fileUploadWrapper.addEventListener("dragover", (e) => { @@ -562,7 +570,7 @@ $privacy_exists = is_file($_SERVER['DOCUMENT_ROOT'] . '/static/PRIVACY.txt'); fileURLWrapper.style.display = 'none'; }); fileUploadWrapper.addEventListener("dragleave", (e) => { - showFile(file); + showFile(files); }); setFormDetailsVisiblity(false); diff --git a/public/static/scripts/favorites.js b/public/static/scripts/favorites.js index 9104052..60c8a4a 100644 --- a/public/static/scripts/favorites.js +++ b/public/static/scripts/favorites.js @@ -86,7 +86,6 @@ window.addEventListener('load', () => { disableTab('favorite-files'); } data.forEach((x) => { - console.log(x); const item = createUploadedFileItem(x); files.appendChild(item.base); }); diff --git a/public/static/scripts/form.js b/public/static/scripts/form.js index f2736c1..3823af0 100644 --- a/public/static/scripts/form.js +++ b/public/static/scripts/form.js @@ -20,7 +20,11 @@ function showFile(file) { fileURLWrapper.style.display = 'flex'; } } else { - fileUploadWrapper.innerHTML = `<h1>File: ${file.name}</h1>`; + if (file.length == 1) { + fileUploadWrapper.innerHTML = `<h1>File: ${file[0].name}</h1>`; + } else { + fileUploadWrapper.innerHTML = `<h1>Selected ${file.length} files</h1>`; + } if (fileURLWrapper) { fileURLWrapper.style.display = 'none'; |