jquery - Plupload - 拖放事件

Question

我正在使用PlUpload plugin用于多个文件上传。这是一个非常好的插件，到目前为止我对其进行了很多定制。它还具有一些事件，例如UploadComplete、BeforeUpload等。现在我需要一个在拖放时引发的事件。类似于谷歌驱动器的拖放功能。在谷歌驱动器中，当您开始拖动文件时，会显示此图像:

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

Answer 1

虽然这个问题很老了，但我向其他有同样问题的人(比如我)解释了答案:
正如您在 documentation 中看到的那样，plupload 中没有在拖放时引发的事件。
但相反，在纯 html 中有一个事件，它执行相同的操作(并且可能在 google 驱动器中使用)。 Here是一个解释拖动事件用法的链接。
该拖动事件分为不同的事件类型。由于您希望在将元素拖动到其上方时显示图像，因此需要 ondragagenter 事件来开始显示图像，并使用 ondragleave(和 drop)事件来停止显示图像。您还可以制作动画而不是图像。

以下是如何使用拖动事件的简短示例代码:

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";
}

当元素被拖动到拖放区域上方时，此代码会更改拖放区域的边框。