代码之家 › 专栏 › 技术社区 › John Balvin Arias

如何通过拖放获取文件,与输入类似。文件

data-transfer-objects drag-and-drop file javascript

0

John Balvin Arias · 技术社区 · 6 年前

通过单击选择文件时 <input type="file" id="file"> ,您可以随时使用该文件,只需执行以下操作: let file=document.querySelector("#file").files[0]; 但据我所知,在使用拖放时,只能使用drop函数处理程序中的文件

 targDrop.addEventListener("drop",function(e){let file=e.dataTransfer.files[0]});

那么,有什么方法可以得到与 input.Files[0] 即使在drop handler函数返回并且没有将文件上载到内存之后?

1 回复 | 直到 6 年前

1

0

John Balvin Arias 5 年前

实际上,答案很简单,我只是将文件保存在一个变量中,就这样。我不知道当时我在想什么:D

let file="";
targDrop.addEventListener("drop",function(e){file=e.dataTransfer.files[0]});