javascript - HFS 承诺使用 html5 拖放

Question

我正在开发 WebView 上的拖放功能。在 html5 环境中是否有类似于 hfs promise(cocoa environment) 的拖放方式？

我期待这样的事情，如果我从必须使用剪贴板下载文件的位置传递 url，则该文件应该在下载文件夹中发生丢弃的位置下载。

Answer 1

我从未使用过您所指的库，但 HTML5 中的拖放非常容易。以下文章详细介绍了使用 HTML5 文件 API 可用的几种方法。

http://www.html5rocks.com/en/tutorials/file/dndfiles/

您要查找的部分专门引用了拖放事件。

var dropZone = document.getElementById('drop_zone');
dropZone.addEventListener('dragover', handleDragOver, false);
dropZone.addEventListener('drop', handleFileSelect, false);

http://www.html5rocks.com/en/tutorials/file/dndfiles/

Answer 2

碰巧有一个 webview 的委托，当一个元素被拖动时，可以使用它来获取一个事件。

• (void)webView:(WebView *)webView willPerformDragSourceAction:(WebDragSourceAction)action fromPoint:(NSPoint)point withPasteboard:(NSPasteboard *)pasteboard

您可以访问粘贴板及其内容，这些内容可用于决定将要进行哪种类型的拖动，并让您可以选择更改粘贴板并开始您自己的拖动会话或不理会它。我将选择前者并实现 HFS 承诺以在发生丢弃时下载文件。

我没有找到任何单独使用 html5 来解决问题的方法。但是，我发现 html5 代码可以满足要求，但仅适用于 chrome。参考以下链接：(http://www.html5rocks.com/en/tutorials/casestudies/box_dnd_download/)