Home/ Questions/Q 6984517
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T18:33:34+00:00

I am trying to upload a file using the HTML File Api but I

  • 0

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)
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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>
    • 0