Question

我正在使用Dropzone js进行文件上传。这适用于所有事件但我不知道如何在用户开始拖动文件时检测事件但不将其丢弃到dropzone（或者让他们说他决定取消放置操作）

JSP

<div class="FilesDropzone dz-clickable" id="mydropzone" style="width:97%;height:50px;"><span>Drop files here!</span>//area for further processing</div>

的Javascript

var myFilesDropzone = new Dropzone("div#mydropzone", { url:addedFilesResourceURL});

myFilesDropzone .on("dragover", function(event){
       var dropzoneFilesHolder = document.getElementById('mydropzone');
       dropzoneFilesHolder.setAttribute('style', 'height:150px;border:3px dashed #2AAAE6;');
});

myFilesDropzone .on("drop", function(event){
    //display the dropped file  });

目前显示一个蓝色边框区域，显示用户放置文件的位置。因此，如果用户决定取消放弃，我想隐藏该区域。但我不知道究竟是哪个事件。

我尝试使用dragleave但是发现它不是正确的事件。有什么想法吗？

使用Dropzone js检测丢弃事件的取消

0 个答案: