Question

当用户拖放文件时，我需要从drop事件中检索它。我该怎么办？

HTML文件

<div (drop)="drop($event)" >
drop file here

</div>

TS文件

drop (event) {
 console.log(event.target.files.length);
 // I need to retrieve the file here
}

由于找不到文件，console.log打印错误。如何从drop(event)检索文件？

Answer 1

您可以这样做：

<div (drop)="onDrop($event)" (dragover)="onDragOver($event)" >



  onDragOver(event) {
    event.preventDefault();
  }

  onDrop(event): void {

    event.preventDefault();

    const file = event.dataTransfer.items[0].getAsFile();
    console.log(file);
  }

从组件功能检索文件数据

1 个答案: