33 lines
998 B
HTML
33 lines
998 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<p>Click on the "Choose File" button to upload a file:</p>
|
|
|
|
<form onsubmit="event.preventDefault();upload(event);">
|
|
<input type="file" id="myFile" name="myFile" />
|
|
<input type="submit" />
|
|
<br /><br /><br /><br />
|
|
<textarea id="result" style="width: 100%" rows="10"></textarea>
|
|
</form>
|
|
<script>
|
|
function upload(event) {
|
|
let file = document.getElementById("myFile").files[0];
|
|
let formData = new FormData();
|
|
const reader = new FileReader();
|
|
|
|
reader.onload = async (e) => {
|
|
console.log(e.target.result);
|
|
formData.append("myFile", e.target.result);
|
|
const res = await fetch("/upload", {
|
|
method: "POST",
|
|
body: formData,
|
|
});
|
|
const json = await res.json();
|
|
document.getElementById("result").value = JSON.stringify(json);
|
|
};
|
|
reader.readAsBinaryString(file);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|