サイト内検索:

IE6から使える便利な「jQuery-File-Upload」

File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery.

blueimp/jQuery-File-Upload · GitHub

ということで、jQueryで使えるFile Uploadプラグインですが、これがなかなか便利そう。

上に引用した機能だけでも、

・複数ファイル選択&アップロード
・ドラッグ&ドロップ
・プログレスバー
・イメージのプレビュー

なんかがサポートされていますが、さらには、

Supports cross-domain, chunked and resumable file uploads and client-side image resizing.

別のドメインへのアップロードや大きなファイルのチャンク化、クライアント側での画像のリサイズなんかもできるようです。

その他、アップロードのキャンセルやリジューム機能も実現。

テストされたブラウザはこんなところ。

Google Chrome - 7.0+
Apple Safari - 4.0+
Mozilla Firefox - 3.0+
Opera - 10.0+
Microsoft Internet Explorer 6.0+

いちおうIEもリストされていますが、機能の一部はやはり利用できないみたいです。

まあ、アバター画像をアップロードするぐらいならこんなの必要ないかもしれませんけど、写真やイラスト共有サイトだったら使うと開発者も利用者も両方便利ってわけで検討してみてはいかがでしょうか。

デモはこちらです。

jQuery File Upload Demo

blog comments powered by Disqus

2011年アルファブロガー受賞

新着DVD

モバイル

Powered by Movable Type 6.1.2

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

バナー広告

このブログ記事について

このページは、nagasawaが2012年4月16日 20:09に書いたブログ記事です。

ひとつ前のブログ記事は「上位100ブログの半数がWordPress~「TypePadとMovable Typeは消滅」予測も」です。

次のブログ記事は「Appleが無線LANツールの最新版でIPv6サポートを中止したことに批判の声」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。