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

Question

我正在开发一个用于管理文件的网页。对于一项功能，我需要知道将文件悬停在元素上时的文件名。重要的是在悬停时获取此信息，而不是在“放下”文件时获取此信息。

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

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

let transfer = event.dataTransfer;

项目属性包含文件的 MIME 类型。

transfer.items

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

transfer.files

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

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

我在一些旧帖子(< 2008 年)中读到这可能是出于安全原因，我不明白。悬停文件或放下文件基本上没有区别(除了释放您的 LMB)。

谢谢你的帮助:)

Answer 1

如果没有保护系统，这意味着网站可以跟踪您拖过它的所有内容。假设您想将文件从查找器移动到其他地方，并且您的浏览器在路径中。或者，您将一些文本从 Word 拖到其他应用程序，并且您碰巧在浏览器窗口上移动了一小会儿。您的网站可以访问所有这些内容，而用户不想与之交互。

鼠标松开是用户的自发 Action ，表明他想将他拖动的任何数据传输到特定网页。

请注意，如果您控制dragstart，您可以获得信息。但是，如果您的页面不是开始拖动的实际代理，那么在项目被放下之前，您不能假设用户希望内容对您的页面可见。