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

執筆者:

関連記事

no image

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

    CarrierWaveはRubyでファイルのアップロードを簡便にするGemです。 RMagickはImageMagickという画像ファイルを加工するソフトのラッパーです。C …

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

Rails3.2.8でPostgreSQLを使う(開発環境)〜pg gem

環境 Ubuntu server12.04にPostgreSQLをインストールする 参考 #342 Migrating to PostgreSQL @railscasts 目次1 準備2 データベース …

Railsでhtmlファイルやリンク先のスクリーンショットを撮影~IMGKit&wkhtmltoimage

  github.com/csquared/IMGKit 目次1 環境2 wkhtmltoimageのインストール3 imgkitのインストール4 試す5 日本語フォント 環境 ubuntu …

Rails3でテストカバレッジを計測する~simplecov,thin

    rspecなどのテストでテストがどの程度カバーしているのかを簡単に計測するsinplecovというgemをいれた 目次1 Gemfile & bundle2 spe …