21

我正在以 Angular 2 构建上传组件，但遇到了问题。(drop)事件不起作用。这是我的实现

<div
class="input-upload"
*ngIf="status != 'finished'"
(drop)="onDrop($event)"
(dragenter)="dragenter()"
(dragleave)="dragleave()"
(dragover)="dragover()"
[ngClass]="{'drag-over': dragOver | async}"
>

onDrop(event: any) {
event.preventDefault();
event.stopPropagation();
console.log(event)
}

难道我做错了什么？我什至将不存在的函数放入(drop)事件中，并且角度没有给出错误。

4

2 回答 2

38

您需要调用event.preventDefault()以dragOver(event)通知浏览器当前悬停的元素是有效的放置目标。

另请参阅https://developer.mozilla.org/en-US/docs/Web/Events/drop

于 2016-02-01T17:42:34.840 回答
3

将此添加到您的 dragover 和 dragend

返回假；

@他已经在做你说的

于 2016-02-29T23:46:41.837 回答