35 lines
1023 B
HTML
35 lines
1023 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"l style="width:100%" rows="5"></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>
|