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

執筆者:

関連記事

Rails4.1で全文検索〜rroonga

By: Vinoth Chandar – CC BY 2.0 目次1 RailsでGroongaを使う選択肢2 サンプルのアプリ3 Gemfile4 データベースへの接続5 スキーマの設定 …

Rails3.2でみたまま編集 〜hallo editor

  By: Fabio Marini – CC BY 2.0 文字をダブルクリックしてそのままフォーム編集するやつのメモ~in place edit 文字をダブルクリックしてその …

RailsでECサイト構築2 注文してみる~spree

  前提 RailsでECサイト構築~spree さっきは日本に発送できなかったので、最小限の設定をして注文から入金・発送までの一連の流れをみてみる 目次1 設定2 注文してみる3 入金・発 …

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

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

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

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