Plupload - 拖放事件

Question

我使用PlUpload plugin进行多个文件上传。这是一个非常好的插件，到目前为止我做了很多自定义。它还有一些事件，例如UploadComplete，BeforeUpload等等。现在我需要一个在Drag and Drop上引发的事件。像谷歌驱动器的拖放功能。在谷歌驱动器中，当您开始拖动文件时，此图像显示：

我想控制拖放。谁能帮我？ 提前谢谢。

Answer 1

尽管这个问题很古老，但我还是向其他有同样问题的人（如我）解释答案：
如您在documentation中所见，在plupload中没有任何事件会因拖放而引发。
但是，相反，纯HTML中存在一个事件，该事件的作用相同（并且可能在Google驱动器中使用了）。 Here是解释拖动事件用法的链接。
此拖动事件分为不同的事件类型。由于您希望在将元素拖动到其上方时显示一个图像，因此需要ondragenter事件才能开始显示该图像，而需要ondragleave（和放置）事件来停止显示该图像。您也可以制作动画而不是图像。

以下是一个简短的示例代码，如何使用Drag事件：

CSS：

#DropTarget {
  width: 500px; 
  height: 100px;
  border: 1px solid black;
}

PHP：

<div id="DropTarget" ondrop="Drop(event)" ondragenter="DragEnter(event)" ondragleave="DragLeave(event)">
</div>

Javascript：

function DragEnter(event) {
  event.target.style.border = "2px dotted green";
}

function Drop(event) {
  event.target.style.border = "1px solid black";
  //Here something else you want to happen when the element is dropped
}

function DragLeave(event) {
    event.target.style.border = "1px solid black";
}

当元素在其上拖动时，此代码更改放置区域的边框。