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

cjyzpcl

浏览: 33929 次
性别:
来自: Charlotte

最近访客更多访客>>

jm89312

InJavaWeTrust

邱董233

jzx82

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Ruby On Rails

Ruby ActiveRecord Rails Linux IE

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

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

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

entry DDL:

sql 代码

CREATE TABLE `entries` (
`id` int(11) NOT NULL auto_increment,
`image` varchar(255) NOT NULL,
`photoable_id` int(11) NOT NULL,
`photoable_type` varchar(100) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8

user.rb:

ruby 代码

class User < ActiveRecord::Base
has_many :entries, :as => :photoable
def logo_url
url = "/images/users/default_logo.gif"
if self != nil and self.logo == 1
entry = Entry.find(:first, :conditions => "photoable_id = #{self.id}", :order => "uploaded_time desc")
relative_path = entry.send("image_relative_path", 'thumb')
return nil unless relative_path
url = "/entry/image/"
url << relative_path
end
url
end
end

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

entry.rb

ruby 代码

class Entry < ActiveRecord::Base
belongs_to :photoable, :polymorphic => true
validates_format_of :image,
:with=>/^.*(.jpg|.JPG|.gif|.GIF)$/,
:message => "你只能上传JPG或则GIF的图片文件"
file_column :image, :magick => {
:versions => { "thumb" => "80x80" }
}
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，并限制只能图片上传

代码

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

代码

<%= error_messages_for 'entry' %>
<label for="entry_image">Imagelabel>
<%= file_column_field 'entry', 'image' %>p>

6.修改new.rhtml

代码

<h1>New entryh1>
<%= start_form_tag 'create',:multipart => true%>
<%= render :partial => 'form' %>
<%= submit_tag "Create" %>
<%= end_form_tag %>
<%= link_to 'Back', :action => 'list' %>

7.修改show.rhtml

代码

<% for column in Entry.content_columns %>
<%= column.human_name %>:b> <%=h @entry.send(column.name) %>
原始大小：
<%= image_tag url_for_file_column 'entry', 'image' %>
thumb:
<%= image_tag url_for_file_column 'entry', 'image' ,'thumb'%>
medium:
<%= image_tag url_for_file_column 'entry', 'image' ,'medium'%>
p>
<% end %>
<%= link_to 'Edit', :action => 'edit', :id => @entry %> |
<%= link_to 'Back', :action => 'list' %>

分享到：

表单验证错误信息一些使用技巧(适用于快速 ... | Many-to-Many relationship的实际应用(1)

2007-07-20 02:20
浏览 2783
评论(2)
论坛回复 / 浏览 (2 / 4279)
查看更多

2 楼 holin 2007-08-16

cjyzpcl 写道： 
<div class='quote_div'> 
还有一个需要注意的是，中文文件名上传名称变为"__"的问题，
<a href='http://ilgnep.iteye.com/'>秦朝古月</a> 给出了解决方案：
file_column上传中文文件名的文件时，汉字变成“_”的解决办法 
编辑file_column.rb文件 
把方法 self.sanitize_filename(filename)中的 
filename.gsub!(/[^a-zA-Z0-9\.\-\+_]/,"_") 
给注释掉。
 
那样有一些文件名还是会有问题，我刚才测试的带（）的文件名就报错。
我现在改成

<div class='code_title'>ruby 代码</div>
<div class='dp-highlighter'>
<div class='bar'> </div>
<ol class='dp-rb' start='1'>
 <li class='alt'>filename = File.basename(filename.gsub("\\", "/")) # work-around for IE </li>
 <li class=''> #filename.gsub!(/[^a-zA-Z0-9\.\-\+_]/,"_") </li>
 <li class='alt'> #filename = "_#{filename}" if filename =~ /^\.+$/ </li>
 <li class=''> require "erb" </li>
 <li class='alt'> filename = ERB::Util.url_encode(filename) </li>
 <li class=''> filename = "unnamed" if filename.size == 0 </li>
 <li class='alt'> filename </li>
</ol>
</div>
 

页面上用URI.unescape解码。
</div>

1 楼 cjyzpcl 2007-07-20

文件名大写问题参照原文作者的方案。
中文问题暂时没有解决。

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论