drop事件未将文件添加到事件中

Question

我正在使用以下代码：

        $("#dropZone").on("dragover", function(event) {
            event.preventDefault();  
            event.stopPropagation();
            $(this).find(".panel-body h3").html("Drop file now");
        });

        $("#dropZone").on("dragleave", function(event) {
            event.preventDefault();  
            event.stopPropagation();
            $(this).find(".panel-body h3").html("Drop file here");
        });

        $("#dropZone").on("drop", function(event) {
            event.preventDefault();
            event.stopPropagation();
            console.log(event.originalEvent.dataTransfer);
        });

但是，当我查看登录的最后一段代码的事件时，即使该文件引发了该事件，该文件也不在其中。

我将代码放在jsfiddle中，请看一下： https ://jsfiddle.net/kd75vj5e/

Answer 1

您在使用Chrome吗？ 如果是这样，这是控制台的错误。

console.log(event.originalEvent.dataTransfer.files); 。 您的代码很好。

https://jsfiddle.net/daveSalomon/kd75vj5e/1/

IE似乎不适用于您的代码示例。 我目前无法在Firefox中进行测试。