2015-10-16 31 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,所以我無法測試它。但是,是的,你是對的,我現在看到,這是一個控制檯的問題:/ –