画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー「jQuery File Upload Demo」
2012年03月19日-
スポンサード リンク
jQuery File Upload Demo
画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー「jQuery File Upload Demo」
Twitter Bootstrap を使ったアップロードのデモなんですが、ファイルを選択するとサムネイルが直ぐに出てくれてます。(複数選択が可能)
そして、選択後、すぐアップロードは開始されず、Startボタンを押すと開始されます。
なんか選択したらすぐアップされたなんていうケースがありますのでこれは安心です。
更に、個別にキャンセルが可能なので、アップしようと思った画像と違う物を間違ってアップする事をサムネイルで未然に防げます。

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

これだけ親切なアップローダーも珍しいですので、アップローダーを実装する際にはぜひとも参考にしたいところ。
関連エントリ
画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー「jQuery File Upload Demo」
Twitter Bootstrap を使ったアップロードのデモなんですが、ファイルを選択するとサムネイルが直ぐに出てくれてます。(複数選択が可能)
そして、選択後、すぐアップロードは開始されず、Startボタンを押すと開始されます。
なんか選択したらすぐアップされたなんていうケースがありますのでこれは安心です。
更に、個別にキャンセルが可能なので、アップしようと思った画像と違う物を間違ってアップする事をサムネイルで未然に防げます。

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

これだけ親切なアップローダーも珍しいですので、アップローダーを実装する際にはぜひとも参考にしたいところ。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- ホバー時にCSSで下線などをアニメーション表示するサンプル
- iPhone, iPad, Mac, Android などのフリーのベクターモックアップ
- macOS用の使いやすいカラーピッカー「pika」
- CSSでボタンにサイバーパンク効果を与えるサンプル
- カラフルな球体をWEB上でうごかすThree.jsをつかったサンプル
- ダークモード対応のミニマルなHTMLページを作れるCSS「spcss」
- CSSのみで実現できるローディングアニメーションやエフェクト集「Css Effects」
- スムーズに横スクロールするレイアウトサンプル
- 斬新なページメニューが作れる「Inline Menu Layout with Gallery Panel」
- 世界中で今何時を計算できる「Spacetime」
- 過去のエントリ