ROR 3. форма загрузки изображений

lukmus — Thu, 09 Dec 2010 13:55:30 +0000

Этот пост не относиться к переводу офсайта рельсов. Это личный опыт.
И здесь я расскажу как я делал форму с загрузкой картинок на ROR 3.

установка плагина paperclip

Этот плагин неимоверно облегчает работу с файлами, а точнее их загрузку из формы.

Насколько я понил, в ROR 3 плагины устанавливаются не так как в предыдущих версиях, соответсвенно в старых рельсах будет немного иначе. Ну а для ROR 3 вот так:

1	rails plugin install git://github.com/thoughtbot/paperclip

Подробнее о плагине можно прочитать здесь, там же можно и прочитать инструкцию по плагину на английском, однако, для последнего ROR’а она немного устарела.

настройка приложения

модель

Открываем модель, того где нужна загрузка файлов и дописываем (здесь показано напримере модели User, где поле с загружаемой картинкой – avatar):

class User < ActiveRecord::Base
    <span style="color: #3366ff;">has_attached_filespan> <strong>:avatarstrong>, 
    <strong>:stylesstrong> => { :medium => "300x300>", :thumb => "100x100>" }
  end

Если вы вдруг решили что в БД должно быть поле :avatar, то оно не должно там быть. Все необходимые поля мы добавим дальше в миграции. Так что если вы сделали поле с таким именем (в данном случае :avatar), то удалите его миграцией.

миграции

Для добавления необходимых полей пишем миграции. И для начала создаем файл миграции (этот и другие способы читаем здесь):

1	rails generate migration AddAvatarColumnsToUser

и пишем в созданной миграции, опять же для модели User с полем :avatar:

class AddAvatarColumnsToUser < ActiveRecord::Migration
    def self.up
      add_column :<span style="color: #808000;">usersspan>, :<span style="color: #ff6600;">avatarspan>_file_name,    :string
      add_column :<span style="color: #808000;">usersspan>, :<span style="color: #ff6600;">avatarspan>_content_type, :string
      add_column :<span style="color: #808000;">usersspan>, :<span style="color: #ff6600;">avatarspan>_file_size,    :integer
      add_column :<span style="color: #808000;">usersspan>, :<span style="color: #ff6600;">avatarspan>_updated_at,   :datetime
    end
 
    def self.down
      remove_column :<span style="color: #808000;">usersspan>, :<span style="color: #ff6600;">avatarspan>_file_name
      remove_column :<span style="color: #808000;">usersspan>, :<span style="color: #ff6600;">avatarspan>_content_type
      remove_column :<span style="color: #808000;">usersspan>, :<span style="color: #ff6600;">avatarspan>_file_size
      remove_column :<span style="color: #808000;">usersspan>, :<span style="color: #ff6600;">avatarspan>_updated_at
    end
  end

представления

И здесь нужно сделать немного не так как в руководстве. Открываем частицу (partial) формы (_form.html.erb) и исправляем помощника (helper) form_for:

1 2	<% form_for(@user, :as=>:user, :url => user_path, :html => { :multipart => true } do \|f\| %>

и в самой форме, где уже должно сверкать это поле с загрузкой файла пишем помощника (helper):

1	<%= form.file_field :avatar %>

А в представлениях, где нужно отображать картинки пишем, например, так:

1
2
3

<%= image_tag @user.avatar.url %>
  <%= image_tag @user.avatar.url(:medium) %>
  <%= image_tag @user.avatar.url(:thumb) %>

контроллер

Открываем контроллер нашей модели и добавляем в метод create (в случае если этого там нет):

 def create
    ...
    <span style="color: #666699;"><strong>@userstrong> = User.create( params[<strong>:userstrong>] )span>
    ...
 end

директории

Теперь создаем директорию system и даем в ней права на запись:

1	mkdir public/system && chmod a+w public/system

Все. Теперь файлы будут грузится в public/system/<имя поля (avatar)>/<вариант картинки/файла>/<имя файла>.

по стопам webkill'а » has_attached_file