前の記事 ≪:背景画像を全エレメントにブラーをかけつつ摘要できるjQueryプラグイ...
次の記事 ≫:2012年3月12日 管理人のブックマーク

jQueryとHTML5でドラッグ&ドロップアップロードを実現するチュートリアル

2012年03月12日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jQuery HTML5 Drag-and-Drop File Upload | LearnComputer

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



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



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

関連エントリ
関連の記事検索:jQuery, HTML5
スポンサード リンク

By.KJ : 2012年03月12日 09:54 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)