fix an issue where you couldnt resubmit images after an error happened

templates/register.jinja2

@@ -30,11 +30,6 @@
 </div>
 
 <script type="text/javascript">
-file_input = document.getElementById("file_input");
-file_input.addEventListener("change", function () {
-
-    var filereader = new FileReader();
-
 function upload_success(image_url) {
     document.getElementById("submit").disabled = false;
     document.getElementById("submit").innerHTML = "Submit"
@@ -44,9 +39,15 @@ file_input.addEventListener("change", function () {
 
 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) {
@@ -85,6 +86,10 @@ file_input.addEventListener("change", function () {
     });
 }
 
+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 %}