ror 研究小屋

在网站制作过程中，图片上传以及图片的大小调整是经常会用到的一个功能！

Rails结合几个plug-in可以说很智能的做到了这一点

做了一个简单的例子，系统在Windows平台上运行

1.上网下载file-column-0.3.1.tar.gz 和rmagick-win32-1.13.0_IM-6.2.9-3.zip （我当前的最新版本，到下述站点下载 http://rubyforge.org/projects/rmagick/ Linux下版本是RMagick-1.14.1.tar.gz）

2.安装rmagick，执行zip包里面的exe文件，同时把安装路径放到path环境变量里面去，否则可能会报CORE_RL_magick_.dll找不到的错误

3.安装file-column到app的vendor目录里，直接copy过去就行

引用
以下的文件配置基本上按照官方提供的sample来进行，算是用中文整合一下，谈不上原创

4.建立一个存放路径的model，在数据库中建立Entry数据库
并生成相应的scaffold：
ruby script/generate scaffold Entry upload

4.修改model，并限制只能图片上传
Java代码 复制代码

   1. class Entry < ActiveRecord::Base 
   2.   validates_format_of :image, 
   3.     :with=>/^.*(.jpg|.JPG|.gif|.GIF)$/, 
   4.     :message => "你只能上传JPG或则GIF的图片文件" 
   5.   file_column :image, :magick => {  
   6.           :versions => { "thumb" => "50x50", "medium" => "640x480>" } 
   7.         } 
   8. end 

class Entry < ActiveRecord::Base
  validates_format_of :image,
    :with=>/^.*(.jpg|.JPG|.gif|.GIF)$/,
    :message => "你只能上传JPG或则GIF的图片文件"
  file_column :image, :magick => {
          :versions => { "thumb" => "50x50", "medium" => "640x480>" }
        }
end



5.修改_form.rhtml
Java代码 复制代码

   1. <%= error_messages_for 'entry' %> 
   2.  
   3. <!--[form:entry]--> 
   4. <p><label for="entry_image">Image</label><br/> 
   5. <%= file_column_field 'entry', 'image'  %></p> 
   6. <!--[eoform:entry]--> 

<%= error_messages_for 'entry' %>

<!--[form:entry]-->
<p><label for="entry_image">Image</label><br/>
<%= file_column_field 'entry', 'image'  %></p>
<!--[eoform:entry]-->



6.修改new.rhtml
Java代码 复制代码

   1. <h1>New entry</h1> 
   2.  
   3. <%= start_form_tag 'create',:multipart => true%> 
   4.   <%= render :partial => 'form' %> 
   5.   <%= submit_tag "Create" %> 
   6. <%= end_form_tag %> 
   7.  
   8. <%= link_to 'Back', :action => 'list' %> 

<h1>New entry</h1>

<%= start_form_tag 'create',:multipart => true%>
  <%= render :partial => 'form' %>
  <%= submit_tag "Create" %>
<%= end_form_tag %>

<%= link_to 'Back', :action => 'list' %>



7.修改show.rhtml
Java代码 复制代码

   1. <% for column in Entry.content_columns %> 
   2. <p> 
   3.   <b><%= column.human_name %>:</b> <%=h @entry.send(column.name) %> 
   4.   <br> 
   5.   原始大小： 
   6.   <%= image_tag url_for_file_column 'entry', 'image' %> 
   7.   <br> 
   8.   thumb: 
   9.   <%= image_tag url_for_file_column 'entry', 'image' ,'thumb'%> 
  10.   <br> 
  11.   medium: 
  12.   <%= image_tag url_for_file_column 'entry', 'image' ,'medium'%> 
  13. </p> 
  14. <% end %> 
  15.  
  16. <%= link_to 'Edit', :action => 'edit', :id => @entry %> | 
  17. <%= link_to 'Back', :action => 'list' %> 

nil.relative_url_root的异常是由file_column_helper中的url_for_file_column方法抛出来的, 是因为在url_for_file_column方法中还使用"@request"访问Request,只要删了'@',使用Rails 2.0的request代替@request就可以了

解决办法：

vendor\plugins\file-column-0.3.1\lib下file_column.rb文件

里的

#FileUtils.mv(local_file_path, new_local_file_path) unless new_local_file_path == local_file_path
FileUtils.mv(local_file_path, new_local_file_path) unless new_local_file_path.downcase == local_file_path.downcase