瀏覽器支持拖放文件上傳

Question

我似乎無法在任何地方找到它，只是演示或鏈接到規范，或谷歌Gears實施。 這一切都很棒，但我很好奇它在主瀏覽器和操作系統上的實際瀏覽器支持是什么。 Firefox，Chrome，Safari，Opera，IE還有其他選擇嗎？ IE9怎么樣？

Answer 1

為了支持HTML5拖放文件上傳，瀏覽器應同時支持拖放（DnD）API和文件API。

IE支持IE5的DnD，但即使在IE9中它也不支持File API。 Opera支持11.1的File API，但不支持DnD。

因此，您可以在Firefox 3.6 +，Safari 6.0 +，Chrome 9.0+中使用拖放文件上傳。

檢查此兼容性表。

DnD http://caniuse.com/#search=drag

文件API http://caniuse.com/#search=fileapi

Answer 2

Firefox 3.5+有一個很好的拖放api： https ： //developer.mozilla.org/En/DragDrop/Drag_and_Drop

您可以將Chrome拖放到文件上傳中，因此，您可以執行拖放操作，但是您必須通過不透明度隱藏表單來偽造它：0但是通過包裝div和寬度使其變大：100％並且身高：100％： http ： //www.thecssninja.com/javascript/gmail-upload

Safari與Chrome相同，但您一次只能處理一個文件，更多信息請參見帖子末尾的鏈接（thecssninja鏈接）

IE似乎你可以使用VBDataObject或ActiveX，但我仍然不太確定在哪里可以找到更多信息。 我可以找到一些關於如何使用它們的小部分信息： http ： //www.codingforums.com/showthread.php？t = 36896 - 如果有人可以幫助我如何讓IE支持它，那么讓我吧知道。

Opera似乎什么都沒有。 只是玩它，它就像IE一樣，如果你拖到文件上傳它只是打開該文件。 如果有人知道，請告訴我。

Answer 3

PIUpload項目具有兼容性表。 它說

文件的拖放支持目前僅適用於Firefox 3.5+。 WebKit / Opera尚不支持此功能。

Answer 4

Safari 5確實支持將多個文件從桌面拖放到瀏覽器。 我現在已經使用這個功能很長時間了，如果你願意，我很樂意分享我的代碼。