悬停在元素上时的文件信息

我正在制作一个管理文件的网页。对于一个特性,当将文件悬停在元素上时,我需要知道文件名。重要的是在悬停时获取此信息,而不是在“删除”文件时。

我创建了一个 JSFiddle 使用设置。当您将文件悬停在标记的div上时,您会不断获得有关文件类型的一些信息。

您可以从悬停事件获取数据传输

let transfer = event.dataTransfer;

item属性包含文件的MIME类型。

transfer.items

但是,您无法获得有关文件的完整信息(名称、大小等)。

transfer.files

删除文件时,我会得到有关该文件的完整信息

transfer.files.lenght //Equal to amount of files dropped

我在一些旧帖子中读到(<2008)这可能是一个安全原因,我不理解。悬停文件和删除文件基本上没有区别(除了释放LMB)。

感谢您的帮助:)