diff options
author | Alex Vitkov <alexvitkov98@gmail.com> | 2021-02-12 13:18:35 +0200 |
---|---|---|
committer | Alex Vitkov <alexvitkov98@gmail.com> | 2021-02-12 13:18:35 +0200 |
commit | 1ed8d0f9259ccb8d9adc0cf12267043ef351e5ec (patch) | |
tree | 252c0d950181334a7993c91a52c44fb7d48e6a24 /loggedin.js | |
parent | 138ca9bbcbb6cd16f362c1889fc4ab606a9d7300 (diff) | |
download | fileup-1ed8d0f9259ccb8d9adc0cf12267043ef351e5ec.tar.gz |
frontend work
Diffstat (limited to 'loggedin.js')
-rw-r--r-- | loggedin.js | 41 |
1 files changed, 38 insertions, 3 deletions
diff --git a/loggedin.js b/loggedin.js index 8980586..0db4c7c 100644 --- a/loggedin.js +++ b/loggedin.js @@ -2,10 +2,15 @@ const upload_form = document.getElementById("upload_form"); const the_file = document.getElementById("the_file"); const filename_input = document.getElementById("filename"); const upload_btn = document.getElementById("upload_btn"); +const current_directory = document.getElementById("current_directory"); the_file.onchange = on_file_added; -function on_file_added(e) { +const files = []; + +const pending_uploads = []; + +function on_file_added(_e) { if (the_file.files.length >= 1) { filename_input.value = the_file.files[0].name; @@ -13,9 +18,18 @@ function on_file_added(e) { fetch(upload_form.action, { method: upload_form.method, body: new FormData(upload_form) - }) + }).then((resp) => { + if (resp.status == 200) { + add_file_visuals(filename_input.value, true); + } + else { + alert("Upload failed"); + } + }, () => { + alert("Upload failed") + }); + - alert("Sent the upload request"); } else { alert("No files selected"); @@ -23,6 +37,27 @@ function on_file_added(e) { } +function add_file_visuals(name, pending) { + var fileDiv = document.createElement('div'); + + var img = document.createElement('img'); + var filename = document.createElement('div'); + + img.src="/mimeicons/application-pdf.png"; + fileDiv.classList.add('file'); + filename.classList.add('filename'); + filename.innerText = name; + + fileDiv.appendChild(img); + fileDiv.appendChild(filename); + + current_directory.appendChild(fileDiv); + + files.push([name, fileDiv]); + + return fileDiv; +} + function begin_upload() { the_file.click(); } |