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からMongoDBを使ってアプリをつくってみる~mongoid

MongoDBはとても素直で扱いやすいということがわかってきたので、以前作成した郵便番号・住所の相互検索アプリをまたつくってみた 参照 MongoDBのチュートリアルをこなす KEN_ALL.CSVを …

Rails3.2でJasmineをつかってBackbone.jsのModelをテストしてみる

  By: Glory Cycles   Developing Backbone.js Applications addyosmani.github.com/backbone-fu

TwitterBootstrapでアイコンが微妙な感じだったらFontAwesomeを試してみるといい

かもしれない fortawesome.github.com/Font-Awesome/ hallojsで使ってるのは上 github.com/bokmann/font-awesome-rails gi …

no image

MongoidでMapReduceに挑戦中

MongoDBの薄い本の素材をMongoidでやろうとしたけど途中経過 MapReduceをやることの利点は、並列処理ができるということとSQLより柔軟な処理なできるということらしい(MongoDBに …

no image

Rubyでローカルで使うgemをつくる~bundler

  目次1 bundlerのインストール2 bundle gem ファイル名3 gemspec4 lib5 パッケージ化6 インストール7 使い方 bundlerのインストール gemパッケ …