关于整合File_Column和Rmagick上传图片的补遗

请看官先看此文:http://airport.iteye.com/blog/33216

文章最后会有引用文的详细内容!

假设如下场景,一个用户有一个logo图片,支持上传logo图片功能。这里对显示图片和用户图片关系进行下整合。

entry DDL:

sql 代码
  1. CREATE TABLE `entries` (   
  2.   `id` int(11) NOT NULL auto_increment,   
  3.   `image` varchar(255) NOT NULL,   
  4.   `photoable_id` int(11) NOT NULL,   
  5.   `photoable_type` varchar(100) NOT NULL,   
  6.   PRIMARY KEY  (`id`)   
  7. ) ENGINE=InnoDB DEFAULT CHARSET=utf8  

 

user.rb:

ruby 代码
  1. class User < ActiveRecord::Base   
  2.   has_many :entries:as => :photoable  
  3.      
  4.   def logo_url   
  5.     url = "/images/users/default_logo.gif"  
  6.       if self != nil and self.logo == 1   
  7.       entry = Entry.find(:first, :conditions => "photoable_id = #{self.id}", :order => "uploaded_time desc")  
  8.       relative_path = entry.send("image_relative_path", 'thumb')   
  9.       return nil unless relative_path   
  10.       url = "/entry/image/"  
  11.       url << relative_path   
  12.     end  
  13.     url   
  14.   end  
  15.   
  16. end  

 注意其中的logo_url方法,这个方法参考了file_column中的相关代码直接对图片地址进行了包装。

entry.rb

ruby 代码
  1. class Entry < ActiveRecord::Base      
  2.   belongs_to :photoable:polymorphic => true  
  3.   
  4.   validates_format_of :image,      
  5.     :with=>/^.*(.jpg|.JPG|.gif|.GIF)$/,      
  6.     :message => "你只能上传JPG或则GIF的图片文件"  
  7.        
  8.   file_column :image:magick => {       
  9.           :versions => { "thumb" => "80x80" }      
  10.         }      
  11. end  

 

上述代码实现了user和entry的一对多关系,并且实现了多态。这里需要注意的是logo_url方法,此方法修改了File_Column自带的FileColumnHelper::url_for_file_column方法,原方法只能在ActionView中使用,并且需要一个ActionController中的对象,有些时候不是很方便使用。

感谢原文作者提供的帮助!

 

还有一个需要注意的是,中文文件名上传名称变为"__"的问题,

秦朝古月 给出了解决方案:

file_column上传中文文件名的文件时,汉字变成“_”的解决办法
编辑file_column.rb文件
把方法 self.sanitize_filename(filename)中的
filename.gsub!(/[^a-zA-Z0-9\.\-\+_]/,"_")
给注释掉。

 

原文引用:

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

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,并限制只能图片上传

代码
  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  

<script>render_code();</script>

 

5.修改_form.rhtml

代码
  1. <%= error_messages_for 'entry' %>  
  2.   
  3.   
  4. <p><label for="entry_image">Imagelabel><br/>  
  5. <%= file_column_field 'entry', 'image'  %>p>  
  6.   

<script>render_code();</script>

 

6.修改new.rhtml

代码
  1. <h1>New entryh1>  
  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' %>  

<script>render_code();</script>

 

7.修改show.rhtml

代码
  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' %>  

<script>render_code();</script>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值