それではセットアップです。ブラウザ ウィンドウ全体を占めるフレックス アプリケーションがあり、ユーザーがアプリの任意の場所にファイルをドロップして、ファイルをサーバーにアップロードするオプションを提供したいと考えています。または、そのファイルの内容をアプリ自体に送信することもできます。参考までに、私の現在のセットアップは、ここで概説されているものに非常に近いものです。
画面全体を埋め、ドロップ ゾーンとして機能する flex コンテンツの上に位置する、絶対配置された透明な div があります。
Windows 上の Firefox を除いて、ファイル API をサポートする、私が試したすべてのブラウザーで問題はありませんでした。この例では、ファイルがフレックス コンテンツ上にドラッグされるとすぐに、カーソルがヌル シンボルに変わり、すべてのドラッグ アンド ドロップ イベントが抑制されます。
私は最新バージョンの Firefox と Flash Player を持っています。Windows は 7 Pro 64 ビットです (ただし、さまざまな Windows マシンで試してみたので、これは問題ではないようです)。Mac 上の Firefox には問題はありません。
いくつかの異なるシナリオを試してみましたが、役に立ちませんでした:
- ドロップ ゾーンに iframe を使用する
- ドロップゾーンに画像の背景を与える (透明な png)
ただし、ドロップ ゾーンが透明でない場合は、問題ありません。
何かご意見は？