image - 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将图像从dom拖放到画布中，但我想从文件资源管理器中拖放

难道我做错了什么？

干杯

score 1 · Accepted Answer

我终于找到了问题，我错过了防止拖动事件：

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

1 回答 1