csd4ni3l/grass_touching_captcha
1
0
Fork 0
mirror of https://github.com/csd4ni3l/grass_touching_captcha.git synced 2026-01-01 04:23:45 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
csd4ni3l
2025-08-08 18:46:35 +02:00
parent a8d47b35e0
commit a4fe1e9230
1 changed files with 55 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
templates/register.jinja2
View File

@@ -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 %}