代码之家  ›  专栏  ›  技术社区  ›  Oscar Godson

浏览器支持拖放文件上载

  •  13
  • Oscar Godson  · 技术社区  · 15 年前

    我似乎在任何地方都找不到它,只是演示或链接到规范,或谷歌Gears实现。这一切都很好,但我很好奇它在主要浏览器和操作系统中的实际浏览器支持是什么。Firefox、Chrome、Safari、Opera和IE还有其他选择吗?IE9怎么样?

    4 回复  |  直到 11 年前
        1
  •  17
  •   Sanghyun Lee    11 年前

    为了支持HTML5拖放文件上传,浏览器应该同时支持拖放(DND)API和文件API。

    IE支持IE5中的DND,但即使在IE9中也不支持文件API。Opera支持11.1中的文件API,但不支持dnd。

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

    检查此兼容性表。

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

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

        2
  •  6
  •   Oscar Godson    15 年前

    火狐3.5+有一个很好的拖放API: https://developer.mozilla.org/En/DragDrop/Drag_and_Drop

    chrome您可以拖放到文件上载上,这样,您可以进行拖放操作,但您必须通过不透明度0隐藏表单来进行伪装,但通过包装分区使其变大,宽度:100%,高度:100%: http://www.thecssninja.com/javascript/gmail-upload

    Safari和Chrome是一样的,只是你一次只能做一个文件,更多关于这个的信息可以在文章末尾的链接上找到(thecsninja链接)

    例如,您似乎可以使用vbdataobject或ActiveX,但我仍然不确定在哪里可以找到更多信息。我可以找到一些关于如何使用它们的信息: http://www.codingforums.com/showthread.php?t=36896 --如果有人能帮助我获得支持,请告诉我。

    歌剧看起来一点也没有。只是玩它,它的作用就像是,如果你拖到一个文件上传,它只是打开该文件。如果有人知道这件事,请告诉我。

        3
  •  4
  •   Pekka    15 年前

    这个 PIUpload 项目具有兼容性表。它说

    文件拖放支持目前仅在Firefox 3.5+中可用。WebKit/Opera尚不支持此功能。

        4
  •  1
  •   Richard York    15 年前

    Safari5确实支持将多个文件从桌面拖放到浏览器。我已经使用这个功能很长一段时间了,如果你愿意,我很乐意分享我的代码。