Gears+jQueryでローカルからドラッグ&ドロップによる画像のアップロードを可能にするPlupload

Ads

デスクトップなどのローカル上から
ブラウザに画像をドラッグ&ドロップし、
アップロードを可能にするPlupload
をご紹介します。GoogleGearsと
jQueryで実現しているようです。

実装にはGearsAPIが必要になります。

Plupload

Plupload01
Drag files here.とあるところに、デスクトップから画像をドラッグ&ドロップすると画像を認識し、アップロードする事が可能です。
Plupload02

CMS向けに作成したとの事です。もちろんデスクトップ上に限らず、ローカル上のどこからでもアップロード可能。また、複数の画像をまとめてドラッグ&ドロップでアップロードする事も出来ます。これ、WPに入れられないかな・・・

GoogleGearsAPI

Plupload03
Pluploadを使うにはGoogleGearsAPIが必要です。gears_init.jsはGoogleから無料でダウンロード可能ですよ。

Gears以外にMSのSilverlightやFlash、HTML5版もありますが、ローカルからドラッグ&ドロップ可能なのはGearsのみのようです。以下にサンプルがありますので興味のある方はお試しになっては如何でしょう。

Plupload