ドラッグ&ドロップで取得したファイルをinput type=fileに渡したい(chrome/firefox/ie)
既存のファイルアップロード機能にドラッグ&ドロップによるアップロード機能を追加したいと考えています。
既存がinput type=fileでファイルを選択した後にsubmit押下でアップロードしているので
ファイル選択の部分だけドラッグ&ドロップに変えたいのですが、
Chromeなら
$('input[type=file]')[0].files[0] = e.datatransfer.files;
のような形でドロップされたファイルをinputに渡す事が出来るのですが、firefox/ieだと
上書きが出来ず困っています。
質問としましては
1.firefox/ieでもinputにファイルを渡す方法を知りたい
2.仕様上不可能であるなら他の方法を知りたい
です。
ドラッグ&ドロップによるファイルアップロードの解説を一通り見たのですがどれも
ajaxを使った非同期通信ばかりで今回の要件に合いませんでした。
またIEのバージョンについては11でお考え下さい。
どうぞよろしくお願い致します。