From a8d47b35e011f08786fba6ae73b061e86dd67bec Mon Sep 17 00:00:00 2001 From: csd4ni3l Date: Fri, 8 Aug 2025 18:33:17 +0200 Subject: [PATCH] reset file input after incorrect image submission --- main.py | 2 +- templates/register.jinja2 | 15 +++++++++------ 2 files changed, 10 insertions(+), 7 deletions(-) diff --git a/main.py b/main.py index 3000815..a6b8eb8 100644 --- a/main.py +++ b/main.py @@ -44,7 +44,7 @@ def register(): elif request.method == "POST": username, password = request.form.get("username"), request.form.get("password") - return "a" + return f"Username: {username}\nPassword: {password}" @app.route("/upload", methods=["POST"]) def upload(): diff --git a/templates/register.jinja2 b/templates/register.jinja2 index 49ab80e..7ec1f98 100644 --- a/templates/register.jinja2 +++ b/templates/register.jinja2 @@ -42,6 +42,13 @@ file_input.addEventListener("change", function () { document.getElementById("grass-touching-form").innerHTML += ``; } + function upload_error(error_message) { + console.error(error_message) + file_input.value = '' + document.getElementById("submit").innerHTML = "Submit" + document.getElementById("grass-touching-form").innerHTML += `
${error_message}
`; + } + function upload_file(file_type, file_content) { fetch('{{ url_for("upload") }}', { method: "POST", @@ -54,9 +61,7 @@ file_input.addEventListener("change", function () { if (response.status == 401) { response.text().then(text => { if (text) { - console.error(text); - document.getElementById("grass-touching-form").innerHTML += `
${text}
`; - document.getElementById("submit").innerHTML = "Submit" + upload_error(text); } } @@ -64,9 +69,7 @@ file_input.addEventListener("change", function () { return; } else if (response.status == 400) { - document.getElementById("grass-touching-form").innerHTML += `
Unknown error happened. Please try again.
`; - document.getElementById("submit").innerHTML = "Submit" - console.error("Unknown error") + upload_error("Unknown error"); return; }