2015-10-16 26 views
1

我用下面的代码:跌落事件不是文件添加到事件

 $("#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); 
     }); 

然而,当我看着我登录的最后一块代码的事件的文件不在那里,尽管它提出了事件。

Screenshot

我把我的代码在的jsfiddle,请看看: https://jsfiddle.net/kd75vj5e/

+0

对不起,如果我错过了一些明显的东西,但是你是在拖放什么? – Culme

+0

@Culme Files(Dave已经发现了这个问题) –

回答

1

你使用Chrome?如果是这样,这是控制台的一个错误。

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

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

IE似乎不使用您的代码示例工作。目前我无法在Firefox中测试。

+0

我的代码很好,但它在IE中不起作用?这太可怕了,我使用OS X,所以我无法测试它。但是,是的,你是对的,我现在看到,这是一个控制台的问题:/ –