add WIP file upload component
This commit is contained in:
18
src/components/FileUpload.tsx
Normal file
18
src/components/FileUpload.tsx
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
import React from "react"
|
||||||
|
|
||||||
|
export default function FileUpload() {
|
||||||
|
//fetch("/upload/")
|
||||||
|
const fileHandler = (event: React.FormEvent<HTMLInputElement>) => {
|
||||||
|
const files = (event.target as HTMLInputElement).files
|
||||||
|
if (files) {
|
||||||
|
console.log(files[0])
|
||||||
|
const reader = new FileReader()
|
||||||
|
reader.addEventListener("load", (event) => {
|
||||||
|
console.log(event.target)
|
||||||
|
})
|
||||||
|
reader.readAsText(files[0])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return <input type="file" onInput={fileHandler} />
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user