KineticJS如何從文件資源管理器收聽圖像？

Question

我正在使用kineticjs v4.5.1

我正在尋找一種方法將圖像從系統拖放到畫布上。

我已嘗試將事件偵聽器添加到我的容器：

jQuery('#container').on('drop',Actions.dropImage); 

但該事件不會觸發，也沒有用：

App.canvas = document.getElementById('container'); 
App.canvas.addEventListener('drop',Actions.dropImage); 

諾塔：論文代碼樣本與正在一個「常規」畫布，我試圖在這裏使用它kineticJS

注2：我見過這個問題：kineticjs drag and drop image from dom into canvas，但我想做一個從文件資源管理器拖ñ下降

我做錯了什麼？

乾杯

Answer 1

我終於發現了問題，我缺少防止dragover事件：

jQuery('#wydiwyg').on('dragover',function(event){event.preventDefault();}); 
jQuery('#wydiwyg').on('drop',Actions.dropImage);