0

我目前正在测试拖放。从我的桌面拖放图像可以正常工作，但我遇到了一个问题：当我拖放“在线”图像（从另一个网站，甚至使用 a 的同一网页）时，变量e.dataTransfer.files为空。

总结一下我正在尝试做的事情：您将图像从桌面拖到我的页面（在特殊区域内），然后将图像显示在<canvas>. 我也希望能够从我的页面中拖出一张图片，比如说“嘿，你可以先试试这些图片！”。

对于拖放的基础知识，我从本教程中获得了灵感：http: //www.html5rocks.com/en/tutorials/dnd/basics/

4

1 回答 1

0

因为在线拖放被解释为链接，而不是文件传输。您必须首先将图片保存在桌面上，然后它将被解释为真正的拖放。但是，由于您的页面上已经有图片，您可以通过用现有图片填充画布（例如使用 javascript）来实现您的目标。

PS：只有当您使用 2 个不同的浏览器时，Drag&Drop 才能以您想要的方式工作，例如将图片从 IE 拖到 FF 中。为此，您需要在 2 个不同的浏览器中加载您的页面。

于 2012-06-23T13:06:15.543 回答