【最速シリーズ】最速でCarrierwaveで画像アップロードまで作る

7508 ワード
Rails carrierwave 新人プログラマ応援 Rails テキストリンク

画像を投稿出来るめっちゃ便利なCarrierWave
https://github.com/carrierwaveuploader/carrierwave

今日は最速で画像アップロードまで作ります

①作りたいModel名でscaffold & Migrate

まず、Modelを用意します。
今回はviewとかをいちいち作ってると最速にならないので面倒なのでscaffoldしちゃいます

$ rails g scaffold Image content:string
$ rake db:migrate

②formを変更

f.text_fieldの部分をf.file_fieldに変更

app/views/images/_form.html.erb
<%= form_for(@image) do |f| %>
  <% if @image.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@image.errors.count, "error") %> prohibited this image from being saved:</h2>

      <ul>
      <% @image.errors.full_messages.each do |message| %>
        <li><%= message %></li>
      <% end %>
      </ul>
    </div>
  <% end %>

  <div class="field">
    <%= f.label :content %><br>
    <%= f.file_field :content %>
  </div>
  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

③Gemをインストール

gemfileに追加してbundle install

Gemfile
gem 'carrierwave'
gem 'rmagick'

$ bundle install

④uploaderをgenerate

Uploaderをgenerateします（とりあえず、引数はImageでOK）

$ rails g uploader Image

⑤作成したファイルにこれをコピペ

app/uploaders/image_uploader.rb
# encoding: utf-8

class ImageUploader < CarrierWave::Uploader::Base

  storage :file

  include CarrierWave::RMagick

  process :resize_to_limit => [700, 700]
  process :convert => 'jpg'

  version :thumb do
    process :resize_to_limit => [300, 300]
  end

  def store_dir
    "uploads/photos/"
  end

  def extension_white_list
    %w(jpg jpeg gif png)
  end

  def filename
    Time.now.strftime('%Y%m%d%H%M%S') + original_filename + '.jpg' if original_filename.present?
  end

end

⑥【完成】Modelにマウント

app/models/image.rb
class Image < ActiveRecord::Base

  mount_uploader :content, ImageUploader

  ....

end

　これで完成！

おまけ：作成したUploaderに何かメソッド追加したいとき

なにかメソッドを追加したいときには、process :method_nameで定義すると読み込まれます！

app/uploaders/image_uploader.rb
# encoding: utf-8

class ImageUploader < CarrierWave::Uploader::Base

  ...

  process :hogehoge

  def hogehoge
    p 'うまくいったはず'
  end 

  ...

end

　おまけ：carrierwaveでexif情報をとりたい時

最速シリーズ

【最速シリーズ】最速でdeviseでfacebookログインまで作る
http://qiita.com/funao/items/6337589eef8f94b6eae0