將桌面拖放到瀏覽器HTML5 Javascript

尋找一些指導，仍然是代碼學習者，並且使用HTML5 DnD /文件Api有點困難...玩過幾個演示，試圖瞭解他們工作，我有一個問題。將桌面拖放到瀏覽器HTML5 Javascript

大多數似乎使用內聯css/js方法我試圖在單獨的文件中使用它們，但似乎無法正確使用它們。

有人可以爲我做一個非常快速的演示，使用一個HTML畫布，從桌面拖入一個簡單的畫布元素從桌面拖放？似乎無法讓我的頭轉過來。

使用chrome所以不需要擔心跨瀏覽器支持。

非常感謝aldo。

2012-12-07 aldo

http://www.thebuzzmedia.com/html5-drag-and-drop-and-file-api-tutorial/ – kinakuta

試試這個 -

嘗試Google上搜尋它，有很多簡單的例子，在那裏

2012-12-07 23:25:02 TheZelus

感謝您的迴應我已經看過這些已經和簡單，因爲他們只是無法得到我的頭，我顯然需要更多的時間和精力。 – aldo

我總是擔心誰的人說事就像「使用chrome所以不需要擔心跨瀏覽器su pport「 - 因爲這是IE6的一個開始，看看我們在哪裏。

不過，好消息是大多數現代瀏覽器都支持HTML5 File API，因此我們不需要執行任何特定瀏覽器。

Mozilla網站是一個很好的參考，他們有一個關於如何使用File API的優秀教程。在此處閱讀：https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications

本教程涵蓋了比拖放更多的內容，在拖放位之前需要先完成幾個基本項目，但它是徹底的詳細解釋了一切。

希望有所幫助。

2012-12-07 23:27:53 Spudley

感謝這是一個體面的教程，希望它有幫助。 – aldo

回答