HTML 5 文件上传事件

发布于 2024-12-21 16:37:26 字数 314 浏览 1 评论 0原文

我正在尝试使用 HTML File Api 上传文件，但我似乎真的不知道该怎么做。我必须向 getImg() 函数提供什么事件？

HTML

<input id='img' type='file' onchange='getImg(event)'/>

function getImg(evt){
 var files = evt.dataTransfer.files;
 var file = files[0];
console.log(file.name)

原文

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)'/>

function getImg(evt){
 var files = evt.dataTransfer.files;
 var file = files[0];
console.log(file.name)

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

陈甜 2024-12-28 16:37:26

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>

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 原文

~没有更多了~