整合File-Column和Rmagick功能实现图片上传

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

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过去就行

[quote]以下的文件配置基本上按照官方提供的sample来进行,算是用中文整合一下,谈不上原创[/quote]
4.建立一个存放路径的model,在数据库中建立Entry数据库
并生成相应的scaffold:
ruby script/generate scaffold Entry upload

4.修改model,并限制只能图片上传
[code]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[/code]

5.修改_form.rhtml
[code]<%= error_messages_for 'entry' %>

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

6.修改new.rhtml
[code]
<h1>New entry</h1>

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

<%= link_to 'Back', :action => 'list' %>
[/code]

7.修改show.rhtml
[code]
<% for column in Entry.content_columns %>
<p>
<b><%= column.human_name %>:</b> <%=h @entry.send(column.name) %>
<br>
原始大小:
<%= image_tag url_for_file_column 'entry', 'image' %>
<br>
thumb:
<%= image_tag url_for_file_column 'entry', 'image' ,'thumb'%>
<br>
medium:
<%= image_tag url_for_file_column 'entry', 'image' ,'medium'%>
</p>
<% end %>

<%= link_to 'Edit', :action => 'edit', :id => @entry %> |
<%= link_to 'Back', :action => 'list' %>
[/code]

[img]http://www.iteye.com/topics/download/6f768e8e-d8f7-4cd9-b075-b0eaeda14cf5[/img]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值