javascript - 放置事件未将文件添加到事件中

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