41 lines
1.1 KiB
HTML
41 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>File Upload</title>
|
|
</head>
|
|
<body>
|
|
<h1>Upload File</h1>
|
|
<form id="uploadForm" enctype="multipart/form-data">
|
|
<input type="file" name="file" id="fileInput">
|
|
<button type="submit">Upload</button>
|
|
</form>
|
|
|
|
<div id="message"></div>
|
|
|
|
<script>
|
|
document.getElementById('uploadForm').addEventListener('submit', async function(event) {
|
|
event.preventDefault();
|
|
|
|
const formData = new FormData();
|
|
const fileInput = document.getElementById('fileInput');
|
|
formData.append('file', fileInput.files[0]);
|
|
|
|
const response = await fetch('/upload/single', {
|
|
method: 'POST',
|
|
body: formData
|
|
});
|
|
|
|
const messageDiv = document.getElementById('message');
|
|
if (response.ok) {
|
|
messageDiv.textContent = 'File uploaded successfully';
|
|
} else {
|
|
const errorMessage = await response.text();
|
|
messageDiv.textContent = `Error: ${errorMessage}`;
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|