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

Gears+jQueryでローカルからドラッグ&ドロップによる画像のアップロードを可能にするPluploadをご紹介します。CMS用に作ったようですが、用途は他にもありそう。まとめてアップロードできるのが素敵ですね。

Webデザイン

Webデザイン関連(RSSRSS)のカテゴリです。

　　　

かちびと.netとは

貴方のネットビジネスを支えたい。かちびと.netはそんな思いを持ったサイトです。Web制作に役立つ素材やソフトウェア、Webサービス、マーケティングに役立つ情報などを配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAboutをご覧下さい。

About

Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

メニュー

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

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

Cat: » WEBデザイン, cssやプログラミング
Day:2月 8, 2010

WPデザインギャラリー

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



Comments & Trackbacks (1)

 

TRB URL:
  1. Gears+jQueryでローカルからドラッグ&ドロップによる画像のアップロードを可能にするPlupload – かちびと.net « とっても！　ちゅどん（雑記帳）
  1. かちびと.netにリンクの無いトラックバックは受付けてないです。
  2. コメントされる前にガイドラインをご覧下さい

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

URL:
TRB:

Leave a Reply