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
-,

執筆者:

関連記事

全文検索エンジンGroongaをRubyから利用するライブラリのチュートリアルをやってみた〜rroonga

By: Kevin Jarrett – CC BY 2.0 目次1 Groonga2 Groongaのインストール3 rroongaのインストール4 チュートリアルの開始5 データベースの …

Rails3.2でajaxなフォルダツリーを導入する~dynatree-rails

  jQuery UIのプラグインdynatreeをRailsで使ってみた github.com/glebtv/dynatree-rails wwwendt.de/tech/dynatree …

Rails3.2のアプリをデプロイ~apache+passenger+postgresql

  環境 ubuntu server 12.04 目次1 postgresql2 apache+passenger3 デプロイ準備 postgresql インストール 参照 Ubuntu s …

Rails4とD3.jsでローソク足グラフを描く〜d3.js編

前回 Rails4とD3.jsでローソク足グラフを描く〜Rails準備編 目次1 jsonデータ2 y_scaleを考える3 始値と終値から箱をつくる4 高値と安値でひげをつくる5 y_axisをつけ …

CarrierWaveで添付したファイルをrroongaで全文検索

By: Alan Levine – CC BY 2.0 目次1 Carrierwave2 rroonga3 Gemfile4 application.rb5 config/initiali …