• かちびと.net

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

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    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.

  • Links

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

スポンサーリンク

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

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services