将桌面拖放到浏览器 HTML5 Javascript [重复]答案

【问题标题】：Drag and drop desktop to browser HTML5 Javascript [duplicate]将桌面拖放到浏览器 HTML5 Javascript [重复]
【发布时间】：2012-12-07 23:20:05
【问题描述】：

寻找一些指导，仍然是一名代码学习者，并且在使用 HTML5 DnD/File Api 时遇到了一些困难... 玩了一些演示以尝试了解它们的工作原理，我有一个有点问题。

大多数似乎都使用内联 css/js 方法，我试图在单独的文件中使用它们，但似乎无法正确使用。

有人可以为我做一个非常快速的演示，使用带有从桌面拖放的 HTML 画布，一个从桌面拖放的简单画布元素吗？我似乎无法理解它。

使用 chrome，因此无需担心跨浏览器支持。

非常感谢阿尔多。

【问题讨论】：

【解决方案1】：

我总是担心有人说“使用 chrome，所以无需担心跨浏览器支持”之类的话——因为这就是 IE6 的开始方式，看看这引导我们走向何方。

不过，好消息是大多数现代浏览器都支持 HTML5 文件 API，因此我们不需要做任何特定于浏览器的操作。

Mozilla 网站是一个很好的参考，他们有一个关于如何使用 File API 的优秀教程。在这里阅读：https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications

本教程涵盖的内容远不止拖放，而且您需要先完成一些更基本的项目，然后才能了解拖放部分，但它很透彻，并详细解释了所有内容。

希望对您有所帮助。

【讨论】：

【解决方案2】：

试试这个 -

试着用谷歌搜索一下，那里有很多简单的例子

【讨论】：