jQuery Railsで使えるGem

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

投稿日:

 

前提

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

Ruby on Rails 3.2でファイルアップロード〜CarrierWave & RMagick 

 

以前作ったCarrierwaveにRmagickでサムネイルを登録するだけのscaffoldから作ったアプリにjQueryFileUploadを実装していく

Gemfile

bundle

generate

Twitter Bootstrapのテーマを使っているので関連ファイルを準備する

javascript

application.jsに次のとおり加える

 

stylesheet

application.cssに次のとおり加える

 

model

modelはこんな感じにした

to_jq_uploadはjquploadが必要なjson情報をハッシュで返しています

また、自動でファイル名から名前をつける

参照 railscasts.com/episodes/381-jquery-file-upload

controller

createをコピペして修正

基本的にはjsonを返します.jsonで返す内容はmodelで定義しています.

 

 

_form.html.erb

フォームにはサンプルのindex.html.erbからまるごとコピペ

uiと4つのscriptタグからできている.

jQueryでフォームを動的に書き換えて、好きなファイルだけアップロードできるようになっている.

一部file_fieldの対象シンボルだけ、このアプリの:imageに変更

うん動いてる

 

 

つづき?をアップしました

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

-jQuery, Railsで使えるGem
-, ,

執筆者:

関連記事

Rails3.2でdocxを作成

目次1 途中経過2 次にrubyのスクリプトから同じことをしてみる3 Railsから試してみる4 うまくいきました 途中経過 github.com/jawspeak/ruby-docx-templat

no image

Rails3.2でユーザー権限を細かく設定~Devise + cancan

      参考 cancan でモテカワ♥愛され権限管理 How To: Integrate with CanCan for roles management &nbs …

no image

CarrierWaveのファイルをpublic以外に移す

  参照 How To: Secure Upload 現状でCarrierWaveのファイルがpublicという公開フォルダに置かれるのが気になったので調べてみた 違ってるかもしれないので自 …

Rails3.2でリアルタイムメッセージング~Private_pub、Faye

  Railsで簡単に非同期通信ができるPrivate_pubというgemを試した もともとrubyにはFayeという非同期通信ができるgemがあったが、簡単に安全な接続ができる実装を加えた …

no image

Ubuntu ServerのGuardからネットワーク経由でWindowsのブラウザをリロードする~guard-livereload

Ubuntu12.04.1でCoffeeScriptの自動makeとブラウザの自動リロード~guard-coffeescript   Ubuntu ServerのGuardからGrowl f …