前の記事 ≪:2012年2月公開の新しめPhotoshopグラフィックス作成チュートリアル集
次の記事 ≫:AppleのナビゲーションをCSS3で実装するチュートリアル

画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー「jQuery File Upload Demo」

2012年03月19日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jQuery File Upload Demo

画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー「jQuery File Upload Demo」
Twitter Bootstrap を使ったアップロードのデモなんですが、ファイルを選択するとサムネイルが直ぐに出てくれてます。(複数選択が可能)
そして、選択後、すぐアップロードは開始されず、Startボタンを押すと開始されます。

なんか選択したらすぐアップされたなんていうケースがありますのでこれは安心です。
更に、個別にキャンセルが可能なので、アップしようと思った画像と違う物を間違ってアップする事をサムネイルで未然に防げます。



アップした後も、Deleteボタンで直ぐに消すことが可能。チェックボックスで一括して消すことも可能



これだけ親切なアップローダーも珍しいですので、アップローダーを実装する際にはぜひとも参考にしたいところ。

関連エントリ
関連の記事検索:jQuery, アップロード, JavaScript
スポンサード リンク

By.KJ : 2012年03月19日 09:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)