4

HTML File Api を使用してファイルをアップロードしようとしていますが、その方法がわかりません。getImg() 関数にはどのイベントを渡す必要がありますか?

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

1 に答える 1

8

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>
于 2011-12-19T11:51:59.667 に答える