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);