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

執筆者:

関連記事

SASS/SCSSでButtonをカスタマイズするならSassy Buttonsが簡単

By: Meike Schönhütte – CC BY 2.0[/caption]   jaredhardy.com/sassy-buttons/ 目次1 Railsでのインス …

Rails3.2でFacebook風インターフェイスでタグづけ〜acts-as-taggable-on+jquery.tokenInput

By: Mauquoy Token Company – CC BY 2.0 railscasts.com/episodes/258-token-fields?language=ja&#03

no image

RubyからHyper Estraierを使う1~search_do

環境:Ruby 1.9.3 & Rails 3.2.7 参考リンク github.com/grosser/search_do Getting started with acts_as_sear …

Rubyで静的ページをジェネレート〜middleman

静的ページのジェネレータとしてはjekyllやこれを使ったoctopressなどがメジャーなようで middlemanもそんな静的なページのメジャーなジェネレータの1つ middlemanの利点は次の …

sunspot_railsで全文検索

sunpotはsolrというJava製の全文検索サーバをrubyから使えるGem sunspot_rails はsunspotにマージされてました 参考 railscasts.com/episodes