drag-file-listener v1.0.0

The listener element drags and drops into the file and returns the file and directory tree

中文文档 | Englist doc

DEMO

codesandbox

Installation

yarn add drag-file-listener

Using

import Drag from 'drag-file-listener'

const drager = new DragLitener({
  selector: document.querySelector('.drag'),
  drop: ({ file, filesTree }) => {}
})

option

• filesTree

[{
  "name": "文件夹名称",
  "fullPath": "路径",
  "chileren": [],  //子文件夹
  "files":  [],  //当前文件夹下文件
}]

Instance Methods

• remove listener

drager.removeListener()

• add listener

drager.addListener()