Railsで使えるGem

Rails3でajaxでD&Dでまとめてファイルアップロード~jQueryFileUpload for Rails

投稿日:

 

blueimp.github.com/jQuery-File-Upload/

github.com/tors/jquery-fileupload-rails

サンプル

github.com/tors/jquery-fileupload-rails-paperclip-example

とりあえずサンプル試してみた

こんな感じ

ドラッグ・アンド・ドロップするとサムネイルが表示される

横のStartボタンでアップロード開始

上のStart Uploadを押すとまとめてアップロード開始

登録できた

右のDeleteボタンで削除

チェックして上のDeleteボタンでまとめて削除

上のチェックをして上のDeleteボタンで全部削除

確認なしだから注意

このサンプルではpaper clipとtwitter bootstrap for railsが使われている

このサンプルのindex.html.erbを参考に実装していくことになる

-Railsで使えるGem
-,

執筆者:

関連記事

Rails3.2でHTML5で取得した位置情報をMongoDBに保存してGoogleMapsでみる~mongoid、gmaps4rails

前提 Rails3.2でhtml5で取得した位置情報をAjaxで住所表示する~geocoder 目次1 Mongoid2 スケルトンを作る3 Gmap4railsのインストール4 とりあえず地図を表示 …

Rails3.2とBackbone.jsでGoogle CalendarライクなカレンダーにCRUD~fullcalendar-rails

目次1 前回2 READ ~データベースからイベントを読み込んでカレンダーに表示する3 CREATE~カレンダーからイベントを登録する4 UPDATE1~カレンダーのイベントをクリックしてイベントを編 …

Rails3.2でTwitterBootstrap導入のあれこれ

  目次1 sass-rails-bootstrap導入2 Layout関係3 Notification4 confirmをmodalにする5 SimpleForm導入6 kaminari導 …

no image

Rubyからdocxを生成する

    前提 Rubyでdocxをいろいろ分析してみた 変数の仕様~正規表現 いろいろなパターンで試してみた 例えば、こんな文 [crayon-5ada6a35cd7fb38957 …

ActionCableのサンプルをみてみた

By: Samantha Brough – CC BY 2.0 目次1 ActionCableとは2 rails4での利用3 redisサーバーの準備4 cableサーバーの準備5 チャッ …