|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="utf-8" /> |
|
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
|
|
|
|
|
<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" /> |
|
<button class="btn btn-primary" type="submit">Submit</button> |
|
</form> |
|
</div> |
|
|
|
</body> |
|
|
|
<script> |
|
const form = document.querySelector('#fileUploadForm'); |
|
|
|
form.addEventListener('submit', (e) => { |
|
e.preventDefault(); |
|
submitForm(); |
|
}); |
|
|
|
function submitForm() { |
|
const formData = new FormData(form); |
|
|
|
|
|
|
|
|
|
|
|
submitFormData(formData); |
|
} |
|
|
|
function submitFormData(formData) { |
|
fetch('/verify', { |
|
method: 'POST', |
|
body: formData |
|
}) |
|
.then(response => response.json()) |
|
.then(data => { |
|
console.log(data) |
|
|
|
}) |
|
.catch(error => { |
|
console.log(error) |
|
|
|
}); |
|
} |
|
</script> |
|
|
|
</html> |
|
|
