Javascript drop事件未将文件添加到事件中
我正在使用以下代码:Javascript drop事件未将文件添加到事件中,javascript,jquery,Javascript,Jquery,我正在使用以下代码: $("#dropZone").on("dragover", function(event) { event.preventDefault(); event.stopPropagation(); $(this).find(".panel-body h3").html("Drop file now"); }); $("#dropZone").on("dr
$("#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);
});
但是,当我查看我在最后一段代码中登录的事件时,文件不在其中,即使它引发了事件
我将代码放在JSFIDLE中,请查看:
您使用的是Chrome吗?如果是这样,这是控制台的一个bug
console.log(event.originalEvent.dataTransfer.files)代码>。你的代码很好
IE似乎与您的代码示例不兼容。目前我无法在Firefox中进行测试。如果我遗漏了一些明显的内容,很抱歉,但是您正在拖放的是什么?@Culme Files(Dave已经解决了这个问题。)我的代码很好,但在IE中不起作用?!这太可怕了,我用的是OSX,所以我无法测试。但是,是的,你是对的,我现在明白了,这是控制台的问题:/