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 から canvasに画像をドラッグアンドドロップしますが、ファイルエクスプローラーからドラッグアンドドロップでそれを行いたいです。

私は何か間違ったことをしていますか？

乾杯

score 1 · Accepted Answer

私は最終的に問題を発見しました.dragoverイベントを防ぐために行方不明でした:

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

1 に答える 1