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

Question

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

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

资源可以是本地文件,从而产生类似file:///home/me/document或的URL file://c:\windows-files\document.doc.

资源也可以是一个web资源,产生类似http://host.nl/document.doc甚至是url的网址ftp://host.nl/document.doc,尽管此时我对ftp资源并不感兴趣.我假设从Web浏览器的地址栏中对网页URL进行动作,或者在客户端机器上从例如桌面进行dnd-action.

像往常一样,我希望此功能可以在大多数平台上运行.(Linux/Win/MacOS,Firefox/Chrome/Safari/IE/Opera)

范例是html和JavaScript.

Answer 1

根据所有现代浏览器采取的安全措施，不可能获得拖放到浏览器中的文件的真实完整路径。

现在，所有主流浏览器都将文件路径替换为“/fakepath/'FileName'”，其中“FileName”是您选择的文件的名称。

但是，您仍然可以执行拖放功能并仅获取拖到浏览器中的文件的文件名。

这是对问题评论中指出的相关问题的答案的修改的jsfiddle

http://jsfiddle.net/c7cqN/