HTML 5文件上传事件

Max*_*sey 3 javascript html5 file-upload fileapi

我正在尝试使用HTML文件Api上传文件,但我似乎真的不知道怎么做.我必须给getImg()函数什么事件?

HTML

<input id='img' type='file' onchange='getImg(event)'/>
Run Code Online (Sandbox Code Playgroud)

JS

function getImg(evt){
 var files = evt.dataTransfer.files;
 var file = files[0];
console.log(file.name)
Run Code Online (Sandbox Code Playgroud)

Mau*_*ice 6

dataTransfer对象用于拖放操作.改为使用目标.

<!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>
Run Code Online (Sandbox Code Playgroud)