From 76d480420f611c09625e947f0f0ed496c79f2ce9 Mon Sep 17 00:00:00 2001 From: Alex Vitkov Date: Fri, 12 Feb 2021 12:38:48 +0200 Subject: upload form front end --- loggedin.js | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 loggedin.js (limited to 'loggedin.js') diff --git a/loggedin.js b/loggedin.js new file mode 100644 index 0000000..8980586 --- /dev/null +++ b/loggedin.js @@ -0,0 +1,28 @@ +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"); + +the_file.onchange = on_file_added; + +function on_file_added(e) { + if (the_file.files.length >= 1) { + filename_input.value = the_file.files[0].name; + + // Send the form asynchronously through the fetch api + fetch(upload_form.action, { + method: upload_form.method, + body: new FormData(upload_form) + }) + + alert("Sent the upload request"); + } + else { + alert("No files selected"); + } + +} + +function begin_upload() { + the_file.click(); +} -- cgit v1.2.3