Image KineticJS如何从文件资源管理器监听图像拖放?

Image KineticJS如何从文件资源管理器监听图像拖放?,image,drag-and-drop,kineticjs,Image,Drag And Drop,Kineticjs,我使用的是KineticJSV4.5.1 我正在寻找一种从系统拖放中向画布添加图像的方法 我已尝试将事件侦听器添加到我的容器: jQuery('#container').on('drop',Actions.dropImage); 但事件不会被触发,以下情况也不会触发: App.canvas = document.getElementById('container'); App.canvas.addEventListener('drop',Actions.dropImage); 注:这些代码示

我使用的是KineticJSV4.5.1

我正在寻找一种从系统拖放中向画布添加图像的方法

我已尝试将事件侦听器添加到我的容器:

jQuery('#container').on('drop',Actions.dropImage);
但事件不会被触发,以下情况也不会触发:

App.canvas = document.getElementById('container');
App.canvas.addEventListener('drop',Actions.dropImage);
注:这些代码示例使用的是“常规”画布,我在这里尝试将其用于kineticJS

Nota 2:我已经看到了这个问题:,但我想从文件资源管理器中拖放它

我做错什么了吗


干杯

我终于找到了问题,我失踪是为了阻止dragover事件:

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

无法回答我自己的问题,但我最终发现了问题,我没有阻止dragover事件:`jQuery('#wydiwyg').on('dragover',function(event){event.preventDefault();});jQuery('#wydiwyg').on('drop',Actions.dropImage);