HTML の特定の要素の上にファイルがドラッグされたら、 サーバ上にファイルを保存するサンプルです。
- JavaScript のドラッグ&ドロップ API でファイルを取得
- JavaScript から Ajax で PHP へファイルを送信
- PHP がファイルをサーバ上に保存
という流れで動きます。 PHP からファイルを書き込むためにパーミッションを設定する必要があります。
上記オリジナルを改変してjQueryプラグインにしました。 あと複数ファイルをアップロードできるように。
$('selector').dndupload(target, filepath, callback);
String PHPなどサーバに保存するプログラムへのパス
String ファイルの保存先
Function アップロード後に実行される関数