Skip to content

[js] 第124天 如何实现文件拖动上传? #1080

Open
@haizhilin2013

Description

@haizhilin2013

第124天 如何实现文件拖动上传?

Activity

Konata9

Konata9 commented on Aug 19, 2019

@Konata9

利用 HTML5 的 drag & drop API 来实现。需要注意的是,必须要设置 dragover 事件,不然不会触发 drop 事件。

示例:https://codepen.io/Konata9/pen/BaBzExe?editors=1011

xiaoqiangz

xiaoqiangz commented on Jul 8, 2022

@xiaoqiangz

可以利用拖放事件,drag、dragover、dragenter、drop 来实现,再利用dataTransfer对象来实现数据交换。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    jsJavaScript

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@Konata9@xiaoqiangz

        Issue actions

          [js] 第124天 如何实现文件拖动上传? · Issue #1080 · haizlin/fe-interview