2016-09-24 7 views
0

ウェブサイトにドラッグアンドドロップサポートを追加しています。私はあなたがファイルをドロップすることができますdivを持っていますが、それらはアップロードされますが、その特定のdivの中にファイルをドロップしないと、ファイルはブラウザに読み込まれます(デフォルトの動作) したがって、質問: ページのどの部分にもファイルをドロップし、ファイルをアップロードする特定のdivに同じイベントを送信/トリガーしますか?ドロップされたファイルのターゲット要素を変更するには?

divに何かをドロップするとファイルのアップロードを処理する反応コンポーネントがあるので、このコードのようにドラッグアンドドロップを避けるために考えていましたが、回避する代わりにイベントを送信するだけです別の要素に、あなたは、パラメータとして、<body>要素、event.dataTransfer.filesでファイルを処理し、コール機能、およびおそらくeventdropイベントを添付することができ<div id="dropzone"></div>

window.addEventListener("dragover",function(e){ 
    e = e || event; 
    e.preventDefault(); 
},false); 
window.addEventListener("drop",function(e){ 
    e = e || event; 
    e.preventDefault(); 
},false); 

答えて

0

をしましょう。

+0

悲しいことに、悲しいことに、私はそれを行うための単純なJavaScript関数を持っていない、すべてのロジックはdropzoneコンポーネントにある、それは私が別のdivにドロップをトリガーする方法を見つけることを試みている。それ以外の場所では、ドロップする領域が非常に小さいので、html構造を再考する必要があるかもしれません。 – Polak

+0

@Polakあなたは何を意味するのでしょうか? 'reactjs'を試してみませんか? 'drop'イベントの中でファイルを処理する関数を呼び出せないのはなぜですか? – guest271314

関連する問題