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

執筆者:

関連記事

backbone-railsのscaffoldで生成されるコードでルーティングとCRUDの処理をどうやってるのか読んでみた

By: asobi tsuchiya   目次1 はじめに2 サンプルの準備3 初期化4 ルーター5 READ6 CREATE7 UPDATE8 DELETE はじめに backbone-r …

Rubyでd3.jsのapiリファレンスの一覧を取得してくる~mechanize

  d3.jsにはlayoutというおおまかに準備されたレイアウトがあって、その中にあるTreeレイアウトを試してみることにした d3.js自身のapiリファレンスが階層構造になっているので …

Mac OSXにHyper EstraierのRuby Bindingをインストールする

By: Kanko* – CC BY 2.0 目次1 環境2 Hyper Estraierのインストール3 ソースのダウンロード4 パッチを適用する5 rvmのためにconfigureファ …

no image

Rails3.2でBackbone.jsとPrivate_pubでToDoアプリをリアルタイム化(できた!)

参考 Rails3.2でリアルタイムメッセージング~Private_pub、Faye Rails3.2とBackbone.jsでToDoアプリを作ってみた~backbone-on-rails &nbs …

Hallo.jsのMarkdownをWYSIWYGで編集できるサンプルがぐう便利だったのでRails3.2とBackbone.jsでやってみた

hallojs.org/demo/markdown/ これ  とにかく一度さわってみて欲しいんですけど 目次1 サンプルの便利ポイント2 Rails3.2とBackboneで動かしてみる サンプルの便 …