かちびと.net > WEBデザイン > cssやプログラミング > Gears+jQueryでローカルからドラッグ&ドロップによる画像のアップロードを可能にするPlupload

Webデザイン関連(RSSRSS)のトピックです。SEOとWebデザインを共有する、という観点で情報を配信します。

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

カテゴリ » WEBデザイン, cssやプログラミング

Plupload0
デスクトップなどのローカル上から
ブラウザに画像をドラッグ&ドロップし、
アップロードを可能にする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

関連する記事は無いみたいです・・.

【Gears+jQueryでローカルからドラッグ&ドロップによる画像のアップロードを可能にするPlupload】へのコメント 1

トラックバック

  1. Gears+jQueryでローカルからドラッグ&ドロップによる画像のアップロードを可能にするPlupload – かちびと.net « とっても！　ちゅどん（雑記帳）

この記事のトラックバックとURL

URL:
TRB:

お気軽にコメントして下さい

*は必須です

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

コメント欄に画像を表示できます。 ココをクリックして画像のURLを入力してください。