整合File-Column和Rmagick功能实现图片上传
关键字: rails   组件应用
在网站制作过程中，图片上传以及图片的大小调整是经常会用到的一个功能！
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‘ %>

Image

<%= file_column_field ‘entry‘, ‘image‘  %>

 
6.修改new.rhtml
代码

New entry

<%= 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 %>: <%=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‘%>

<% end %>
<%= link_to ‘Edit‘, :action => ‘edit‘, :id => @entry %> |
<%= link_to ‘Back‘, :action => ‘list‘ %>
 

{2152F1D7-0B12-43C7-A57C-FFF14587D357}0.jpg
描述:
文件大小:  16 KB
看过的:  文件被下载或查看 1537 次

下载
最后更新：2006-11-13 15:39
16:03  |  永久链接  |   浏览 (3349)  |  评论 (7)  |   收藏  |  ROR  |  进入论坛  |
永久链接
http://airport.javaeye.com/blog/33216
评论    共 7 条发表评论
melin     2006-11-08 16:09
参考一下,以前没有做成功
lighter     2006-11-08 21:56
和以前用ssh做上传下载的代码量相比,不在同一个级别的:少,简洁
airport     2006-11-09 14:14
关于Rmagick的一些小Tip
"thumb" => "50x50" : 表示默认宽度50，高度自适应
"thumb" => "50x50!" : "!"表示强制50*50
"thumb" => "50x50>" : ">"表示如果图片本来就小，就不用放大
capitain     2006-11-09 14:18
有办法加入水印否
airport     2006-11-09 14:19
file_column上传大写后缀名文件报错的解决办法
编辑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
suave     2006-11-24 11:38
请问如何获得上传文件的大小呢？相对相传文件改名后再进行保存应该如何处理？
秦朝古月     2007-01-15 17:21
file_column上传中文文件名的文件时，汉字变成“_”的解决办法
编辑file_column.rb文件
把方法 self.sanitize_filename(filename)中的
filename.gsub!(/[^a-zA-Z0-9\.\-\+_]/,"_")
给注释掉。