浏览器支持拖放文件上传

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一样,如果你拖到文件上传它只是打开该文件.如果有人知道,请告诉我.