KineticJS Как прослушать падение изображения из файлового проводника?

Я использую 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 на холст, но я хочу сделать это перетаскиванием из файлового проводника

Я делаю что-то неправильно ?

Ваше здоровье


image drag-and-drop kineticjs
person Kgaut    schedule 14.05.2013    source источник
comment
Не могу ответить на свой вопрос, но я наконец нашел проблему, мне не хватало, чтобы предотвратить событие dragover: `jQuery ('# wydiwyg'). On ('dragover', function (event) {event.preventDefault (); }); jQuery ('# wydiwyg'). on ('drop', Actions.dropImage);   -  person Kgaut    schedule 14.05.2013

Ответы (1)


arrow_upward
1
arrow_downward

Я наконец нашел проблему, мне не хватало, чтобы предотвратить событие dragover:

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