File size: 1,757 Bytes
e158b55 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Bootstrap CSS -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div class="container">
<form id="fileUploadForm">
<label class="form-label" for="customFile">Default file input example</label>
<input type="file" class="form-control" name="fileUpload" id="fileUpload" />
</form>
</div>
</body>
<script>
const form = document.querySelector('#fileUploadForm');
form.addEventListener('submit', (e) => {
e.preventDefault();
submitForm();
});
function submitForm() {
const form = document.querySelector('#myForm');
const formData = new FormData(form);
// Add additional form data as needed
//formData.append('additionalData', 'additionalValue');
// Call function to submit form data
submitFormData(formData);
}
function submitFormData(formData) {
fetch('/verify', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
console.log(data)
// Handle response data
})
.catch(error => {
console.log(error)
// Handle errors
});
}
</script>
</html>
|