javascript - 获取在字段上拖放的资源的 URL

Question

我有一个带有特定输入字段的 html 页面，我想添加以下功能。

用户应该能够将资源拖放到该字段上。此操作的结果应该是资源的 url 出现在该字段中。

该资源可以是一个本地文件，产生一个类似于 file:///home/me/document 或 file://c:\windows-files\document 的 url。文档.

该资源也可以是 Web 资源，生成类似 http://host.nl/document.doc 甚至 ftp://host.nl/document 的 url。 doc，虽然此时我对 ftp 资源并不是很感兴趣。我假设来自网络浏览器地址栏的网页 url 的 dnd-action，或者来自例如客户端机器上文件的 dnd-action桌面。

与网络应用程序一样，我希望此功能适用于大多数平台。 (Linux/Win/MacOS, Firefox/Chrome/Safari/IE/Opera)

范式是 html 和 JavaScript。

Answer 1

在 Firefox 中，您可以使用 file.mozFullPath。但是，此变量仅在 Firefox 中存在，在 Chrome 或 Safari 中不起作用。