ぱんにゃっとTutorial

jQueryやWordPress、Webデザインに役立つ情報など

イメージギャラリー, ファイル

画像ファイルをアップロードして表示する『jQuery File Upload』

画像ファイルをアップロードして表示する『jQuery File Upload』

jQuery File Upload Plugin

今回紹介するのは、画像ファイルをアップロードして表示することができる『jQuery File Upload』です。

ドラッグ・アンド・ドロップにも対応していて、アップロード中のプログレスバーの表示やアップロードされた画像のプレビューも可能です。

必要なファイルがパッケージ化されているので、ほとんどそのまま使用できます。

※他人のパソコンからファイルをサーバーにアップすることができるものです。セキュリティー対策は充分に行なって下さい。


【利用方法】
パッケージ化されていますのでこちらのサイトから一式ダウンロードして下さい。

PHP, Python, Ruby on Rails, Java, Node.jsなど色々な環境のサーバーで動作可能です。本家のデモではGoogle App Engineで動作しているということです。

また、インターフェイスはTwitter’s Bootstrapで作れられるようです。レスポンシブなレイアウトとモダンな動きも魅力的です。

※ご自身でインターフェイスを作りたいときはこちらのHow to use only the Basic plugin (minimal setup guide)を参考にしてみて下さい。

この記事と関連してると思われる記事:


1 コメント

  1. Ichimura

    拝見します。

Leave a Reply

Theme by Anders Norén