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中进行测试。