将桌面拖放到浏览器HTML5 Javascript

Question

寻找一些指导,仍然是一个代码学习者,并使用HTML5 DnD /文件Api进行了一些努力......玩了一些演示试图了解它们是如何工作的,我有一点点问题.

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

有人可以使用带有从桌面拖入的HTML画布为我做一个非常快速的演示,一个简单的画布元素,从桌面插入？似乎无法理解我的想法.

使用chrome,因此无需担心跨浏览器支持.

非常感谢aldo.

Answer 1

我总是担心的人谁这样说:"使用Chrome所以没有必要担心跨浏览器支持" - 因为这是有点事情是如何开始使用IE6,并期待在那里,导致我们.

然而,好消息是大多数现代浏览器都支持HTML5 File API,因此我们不需要做任何特定于浏览器的操作.

Mozilla站点是一个很好的参考,他们有一个关于如何使用File API的优秀教程.请在此处阅读:https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications

本教程介绍了很多理由不仅仅是拖放,你会需要通过一些更基本的东西你能拖+降位之前,工作第一,但它是全面的,并解释了在良好的细节应有尽有.

希望有所帮助.