diff --git a/templates/register.jinja2 b/templates/register.jinja2
index 7ec1f98..4ad42c3 100644
--- a/templates/register.jinja2
+++ b/templates/register.jinja2
@@ -30,60 +30,65 @@
 </div>
 
 <script type="text/javascript">
-file_input = document.getElementById("file_input");
-file_input.addEventListener("change", function () {
+function upload_success(image_url) {
+    document.getElementById("submit").disabled = false;
+    document.getElementById("submit").innerHTML = "Submit"
 
-    var filereader = new FileReader();
+    document.getElementById("grass-touching-form").innerHTML += `<img class="preview-img" src="${image_url}"></img>`;
+}
 
-    function upload_success(image_url) {
-        document.getElementById("submit").disabled = false;
-        document.getElementById("submit").innerHTML = "Submit"
+function upload_error(error_message) {
+    console.error(error_message)
+    
+    file_input.value = ''
 
-        document.getElementById("grass-touching-form").innerHTML += `<img class="preview-img" src="${image_url}"></img>`;
-    }
+    document.getElementById("submit").innerHTML = "Submit"
+    document.getElementById("grass-touching-form").innerHTML += `<div class="text-danger">${error_message}</div>`;
 
-    function upload_error(error_message) {
-        console.error(error_message)
-        file_input.value = ''
-        document.getElementById("submit").innerHTML = "Submit"
-        document.getElementById("grass-touching-form").innerHTML += `<div class="text-danger">${error_message}</div>`;
-    }
+    file_input = document.getElementById("file_input");
+    file_input.removeEventListener("change", read_file);
+    file_input.addEventListener("change", read_file);
+}
 
-    function upload_file(file_type, file_content) {
-        fetch('{{ url_for("upload") }}', {
-                method: "POST",
-                body: JSON.stringify({image_data: file_content, image_type: file_type}),
-                headers: {
-                    "Content-type": "application/json"
-                }
+function upload_file(file_type, file_content) {
+    fetch('{{ url_for("upload") }}', {
+            method: "POST",
+            body: JSON.stringify({image_data: file_content, image_type: file_type}),
+            headers: {
+                "Content-type": "application/json"
             }
-        ).then(response => {
-            if (response.status == 401) {
-                response.text().then(text => {
-                        if (text) {
-                            upload_error(text);
+        }
+    ).then(response => {
+        if (response.status == 401) {
+            response.text().then(text => {
+                    if (text) {
+                        upload_error(text);
 
-                        }
                     }
-                )
-                return;
-            }
-            else if (response.status == 400) {
-                upload_error("Unknown error");
-                return;
-            } 
+                }
+            )
+            return;
+        }
+        else if (response.status == 400) {
+            upload_error("Unknown error");
+            return;
+        } 
 
-            return response.text();
-        })
-        .then(image_url => {
-            if (image_url) {
-                upload_success(image_url);
-            }
-        })
-        .catch((error) => {
-            console.error("Error:", error);
-        });
-    }
+        return response.text();
+    })
+    .then(image_url => {
+        if (image_url) {
+            upload_success(image_url);
+        }
+    })
+    .catch((error) => {
+        console.error("Error:", error);
+    });
+}
+
+function read_file () {
+    file_input = document.getElementById("file_input");
+    var filereader = new FileReader();
 
     filereader.onload = function () {
         document.getElementById("submit").innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span><span class="visually-hidden">Loading...</span>';
@@ -102,7 +107,11 @@ file_input.addEventListener("change", function () {
     };
 
     filereader.readAsDataURL(file_input.files[0]);
-});
+}
+
+file_input = document.getElementById("file_input");
+file_input.addEventListener("change", read_file);
+
 </script>
 
 {% endblock %}
\ No newline at end of file