I am trying to upload a file using the HTML File Api but I really seem not to get how to do it. What event do I have to give to the getImg() function?
HTML
<input id='img' type='file' onchange='getImg(event)'/>
JS
function getImg(evt){
var files = evt.dataTransfer.files;
var file = files[0];
console.log(file.name)
The dataTransfer object is for drag&drop operations. Use the target instead.
<!DOCTYPE html>
<html>
<body>
<input id='img' type='file' onchange='getImg(event)'/>
<script>
function getImg(evt){
var files = evt.target.files;
var file = files[0];
console.log(file.name);
}
</script>
</body>
</html>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With