jQuery HTML5 Drag-and-Drop File Upload | LearnComputer

jQueryとHTML5でドラッグ＆ドロップアップロードを実現するチュートリアル。
jQueryのfiledropプラグインを使いつつサーバにファイルをアップロードするためのJavaScriptとPHPコードの例が掲載されています。



JS部分のコード例。アップ先のPHPエントリポイント、アップ開始、終了時のイベントハンドラが指定できます。



PHP側では $_FILES を使ってファイルを受け取るという簡単な物になっています。

関連エントリ

• ファイルアップロードのレジュームをブラウザ上で行える「Resumable.js」
• ファイルアップロード関連のjQueryプラグイン１０
• PHPを使ったAjaxファイルアップロードサンプル１０