- 浏览: 162627 次
- 性别:
- 来自: 华东
文章分类
最新评论
-
chen_miao:
我是初学者,请问,我在flex设计好了带有按钮和下拉框的界面, ...
ruby+flex实现天气预报 -
barrytyh:
很多技术人员都有想法,但忘了一个根本性的问题,谁在给你MONE ...
互联网创业与软件开发 -
fireflyman:
囧......
关于并发和并行 -
fireflyman:
你老再次出现了
谈谈互联网新产品如何起步 -
qhh394141930:
写得很详细,受教了。谢谢!
从瀑布模型、极限编程到敏捷开发
先来看看rails处理图片的过程吧,用户上传图片,首先要校验图片的格式,重命名用户提交的图片,保存至上传的目录,或许你会用file-column帮你简化一些工作,如果你对上传的图片大小有特别的要求,或许你又会找来RMagick来对图片进行裁剪再保存,在图片进行显示的时候,或许在某个地方图片要显示的大小尺寸和你之前裁剪的不一致,你又要写js代码来做等比缩放,那么有没有一种一次到位的方法呢?下面给大家推荐一款rails非常棒的插件-fleximage,基本可以帮你搞定所有的关于图片的那些事儿,以下是我初步使用fleximage后所了解到的一些特性:
1 使用配置非常简单,基本不用写任何关于图片处理的代码!
2 能够帮你校验图片的有效格式
3 图片上传前可以与处理图片的格式和大小
4 图片显示时仍可以裁剪成你所需要的格式和大小
5 图片显示时可以加上一些效果,比如边框 颜色 标题
6 图片在显示可以轻松进行格式转换
………………
下面让我们一步步来享受fleximage给我提供的好处吧:)
1 安装,ruby script/plugin install http://github.com/Squeegy/fleximage.git,貌似要求你的项目要在svn的控制下才可以安装,不过没关系,我会把插件放在附件中,直接拷到你的项目中即可。
2 建立与图片相关的model,在这里配置图片的上传目录,你无需去建这个目录,fleximage会自动生成,另外还有图片的预处理信息,比如图片格式、大小、是否必须等等,这些属性非常容易理解,如下:
class Picture < ActiveRecord::Base acts_as_fleximage :image_directory => 'public/upload' use_creation_date_based_directories true image_storage_format :jpg require_image true missing_image_message 'is required' invalid_image_message 'was not a readable image' default_image_path 'public/images/rails.png' output_image_jpg_quality 85 preprocess_image do |image| image.resize '200x300' end end
3 上传图片,首先在路由中加上:map.resources :pictures,这里view中采用form_for标签,你也可以用普通form,但保证表单输入项和model属性对应起来。pictures控制器和提交图片的表单分别如下:
def new @picture = Picture.new end def create @picture = Picture.new params[:picture] @picture.update_time = Time.now @picture.create_time = Time.now if @picture.save redirect_to :action => "new" else flash[:notice] = 'Your photo did not pass validation!' render :action => 'new' end end
<%= flash[:notice] if flash[:notice] %> <% form_for @picture, :url => { :action => "create" } , :html => { :multipart => true } do |f| %> <p> <b>标题</b><br /> <%= f.text_field :title %> </p> <p> <b>上传图片</b><br /> <%= f.file_field :image_file %><br /> or URL: <%= f.text_field :url %> </p> <p> <%= f.submit "创建" %> </p> <% end %>
4 上传图片后会发现,在图片的上传目录下会有一个名字和数据库中保存的的新建记录id相同的图片,下面来显示它吧,在这里你可以再次定制你的图片显示效果,显示的图片是用fleximage自己的模板渲染的,该模板的命名是采用需要渲染图片的action的名字加上需要图片显示的格式再加flexi,比如show.jpg.flexi,这是约定好的,fleximage会自动拿它渲染需要在rails模板中显示的图片。模板分别如下:
rails模板:
<p> <%= image_tag formatted_picture_path(@picture, :gif) %> </p>
fleximage模板:
@picture.operate do |image| end
让我们看看效果吧:
5 现在发现我想把图片放大一点,还要用gif格式进行显示,并且加上边框 标题 颜色等,那在建一个fleximage模板来专门处理gif格式的图片,修改之前的视图如下:
<p> <%= image_tag formatted_picture_path(@picture, :gif) %> </p> @picture.operate do |image| image.resize '400x400', :crop => true image.border :size => 20, :color => 'green' image.text 'I am DHH' image.unsharp_mask image.shadow end
效果如下:
- fleximage.git.rar (669.7 KB)
- 下载次数: 542
评论
@picture.operate do |image| image.resize '140x180', :crop => true image.image_overlay 'public/images/logo.png', :alignment => :bottom_right, :offset => '20x20' end
不错的Plugin,
可跟 attachment_fu 比有什么区别和优势呢
缩放吗?
我win下用rmagick出现这个错误
undefined method `cur_image'
大侠们知道是什么问题吗?
见这个讨论的贴
http://www.imagemagick.org/discourse-server/viewtopic.php?f=3&t=12972
Ruby代码
require 'RMagick' include Magick pic = ImageList.new("vd2.jpg") l = pic.columns > pic.rows ? pic.columns : pic.rows f = 128.0/l; thumb = pic.thumbnail(f) thumb.write("vd2_tb.jpg")
结果…………不行……
后来发现要先“require 'rubygems' ”一下才行,当然这不是主要问题,主要问题是:我光require啊include啊都没问题,一旦把pic = ImageList.new("vd2.jpg")这一行加上,就会报错,Ruby.exe的runtime error什么什么的,而且连报四五个=_=
有人遇到过这种情况么?麻烦讲解一下是哪里不对吧……Ruby的版本问题?我的Ruby是1.8.6,下载的那个包叫“RMagick-2.9.0-ImageMagick-6.4.8-6-Q8.zip”
我也遇到这个问题.是不是版本的问题?
一运行调用到fleximage的东西,就跳出错误提示窗口.
runtime error
program \bin\ruby
r6034
调用c库的时候不正确?
它是在图片显示的时候在内存中进行处理的,不过这样也带来一个问题,第次显示图片都要用RMagick进行图片处理,加大了服务器的压力。有时这样处理是不是更好:我既要显示一个缩略图,又要原图,用以前的方法是直接在服务器上生成了一个缩略图,图片第次显示的时候直接显示缩略图原样,服务器不用即时处理,这样是不是好一些?
我今天弄了一下午的这个Fleximage,给我的感觉就是方便级了,不过我是不会使用这个插件的,好失望。
这个插件方便所带来的问题就是性能!
每次action render那个show.png.flexi模板时,好花费时间啊。
就如我上面用Product展示这个例子吧,在商品列表页面,我要显示一个小的略略图(我用gif来显示小图,然后在商品详细页面使用JPG显示大图),
有这样的一列:<td><%= image_tag formatted_product_path(product, :gif) %></td>
如果index页面的@products的size为10(现实情况中可以这个数字大得多),我查看log,一共请求了11次,那10次请求就是用来处理生成图片缩略图(请求show.gif.flexi模板),这样下来真的是不划算啊,我每次打开index页面,明显看到ff的进度条在不断向前推进,那就是在处理图片啊。
所以还是放弃这个插件,哎,无奈!
file_column和attach_fu,不知道哪一个会好一点。
性能问题?确实存在,不过应该没有看官网把?上面建议要用cache,不然,机器就会被拖死,详细看官网把
Ruby代码
require 'RMagick' include Magick pic = ImageList.new("vd2.jpg") l = pic.columns > pic.rows ? pic.columns : pic.rows f = 128.0/l; thumb = pic.thumbnail(f) thumb.write("vd2_tb.jpg")
结果…………不行……
后来发现要先“require 'rubygems' ”一下才行,当然这不是主要问题,主要问题是:我光require啊include啊都没问题,一旦把pic = ImageList.new("vd2.jpg")这一行加上,就会报错,Ruby.exe的runtime error什么什么的,而且连报四五个=_=
有人遇到过这种情况么?麻烦讲解一下是哪里不对吧……Ruby的版本问题?我的Ruby是1.8.6,下载的那个包叫“RMagick-2.9.0-ImageMagick-6.4.8-6-Q8.zip”
考虑到安全方面的问题,xmlrequest不支持文件传输,可以考虑form + iframe的方式,可以实现类似效果
如果是file_column,则可以通过 file_column :image_src 方式来制定将图片名保存到image_src个字段,
如果是attachment_fu,则会创建符合插件自身需求的好几个字段来保存图片信息。
我测试了一下fleximage,当按照我已经创建好的字段来作上传:
<p>
<%= f.label :src %><br />
<%= f.file_field :src %>
</p>
系统会提示错误:Image file is required
然后我改成:
<p>
<%= f.label :src %><br />
<%= f.file_field :image_file %>
</p>
发现图片上传成功,不过,根本就没跟pictures表的任何一个字段挂钩!我错在哪里?
约定大于配置,根据model对象的id就可以找到图片!
偶现在上传图片是自己封装mini_magick,也是用model对象的id作为图片名
如果是file_column,则可以通过 file_column :image_src 方式来制定将图片名保存到image_src个字段,
如果是attachment_fu,则会创建符合插件自身需求的好几个字段来保存图片信息。
我测试了一下fleximage,当按照我已经创建好的字段来作上传:
<p>
<%= f.label :src %><br />
<%= f.file_field :src %>
</p>
系统会提示错误:Image file is required
然后我改成:
<p>
<%= f.label :src %><br />
<%= f.file_field :image_file %>
</p>
发现图片上传成功,不过,根本就没跟pictures表的任何一个字段挂钩!我错在哪里?
我按照上面的步骤做的时候,生成model picture就会报错: ERROR :: FlexImage requires the RMagick gem. http://rmagick.rubyforge.org/install-faq.html ERROR :: FlexImage requires the RMagick gem. http://rmagick.rubyforge.org/install-faq.html 我用的是netbeans6.0 不知道楼主用的rails是什么版本的?? 我也下载了rmagick-2.5.2.gem 也不行,不知道是不是版本的问题
win32-xxx.exe也需要安装的,不过也要注意重启netbeans if netbeans!
它是在图片显示的时候在内存中进行处理的,不过这样也带来一个问题,第次显示图片都要用RMagick进行图片处理,加大了服务器的压力。有时这样处理是不是更好:我既要显示一个缩略图,又要原图,用以前的方法是直接在服务器上生成了一个缩略图,图片第次显示的时候直接显示缩略图原样,服务器不用即时处理,这样是不是好一些?
我今天弄了一下午的这个Fleximage,给我的感觉就是方便级了,不过我是不会使用这个插件的,好失望。
这个插件方便所带来的问题就是性能!
每次action render那个show.png.flexi模板时,好花费时间啊。
就如我上面用Product展示这个例子吧,在商品列表页面,我要显示一个小的略略图(我用gif来显示小图,然后在商品详细页面使用JPG显示大图),
有这样的一列:<td><%= image_tag formatted_product_path(product, :gif) %></td>
如果index页面的@products的size为10(现实情况中可以这个数字大得多),我查看log,一共请求了11次,那10次请求就是用来处理生成图片缩略图(请求show.gif.flexi模板),这样下来真的是不划算啊,我每次打开index页面,明显看到ff的进度条在不断向前推进,那就是在处理图片啊。
所以还是放弃这个插件,哎,无奈!
file_column和attach_fu,不知道哪一个会好一点。
cache了没有???
它是在图片显示的时候在内存中进行处理的,不过这样也带来一个问题,第次显示图片都要用RMagick进行图片处理,加大了服务器的压力。有时这样处理是不是更好:我既要显示一个缩略图,又要原图,用以前的方法是直接在服务器上生成了一个缩略图,图片第次显示的时候直接显示缩略图原样,服务器不用即时处理,这样是不是好一些?
我今天弄了一下午的这个Fleximage,给我的感觉就是方便级了,不过我是不会使用这个插件的,好失望。
这个插件方便所带来的问题就是性能!
每次action render那个show.png.flexi模板时,好花费时间啊。
就如我上面用Product展示这个例子吧,在商品列表页面,我要显示一个小的略略图(我用gif来显示小图,然后在商品详细页面使用JPG显示大图),
有这样的一列:<td><%= image_tag formatted_product_path(product, :gif) %></td>
如果index页面的@products的size为10(现实情况中可以这个数字大得多),我查看log,一共请求了11次,那10次请求就是用来处理生成图片缩略图(请求show.gif.flexi模板),这样下来真的是不划算啊,我每次打开index页面,明显看到ff的进度条在不断向前推进,那就是在处理图片啊。
所以还是放弃这个插件,哎,无奈!
file_column和attach_fu,不知道哪一个会好一点。
这个东西非常好用,口碑也不错,强烈推荐使用
怎么可能是这样?JS有对图片操作的API吗?是Fleximage调用了Rmagick的API对图片进行了处理,这一切都是在内存中进行的,也就是说处理后的图片是生成好的放在内存中,你可以将图片保存到本地看看,是不是这样的。
它是在图片显示的时候在内存中进行处理的,不过这样也带来一个问题,第次显示图片都要用RMagick进行图片处理,加大了服务器的压力。有时这样处理是不是更好:我既要显示一个缩略图,又要原图,用以前的方法是直接在服务器上生成了一个缩略图,图片第次显示的时候直接显示缩略图原样,服务器不用即时处理,这样是不是好一些?
另外,这插件的确不错,对于对一个Model(如商品)加上一个图片功能的确方便, 不用修改Product的属性(表字段),只需要加上acts_as_fleximage :image_directory => 'public/upload'这些代码就立刻让商品有了"商品预览功能",不过我现在有一个问题,如果一个商品要有多个图片,则不能这样简单的手段来处理了吧,难道又要像以前那样建立一个关联的model,不知道还有什么方便的方法没有?(这插件都已经这么好用了,我还是贪心啊)
<p> </p>
我是这样做的:
使用generate scaffold web name:string
然后给Web这个Model加上你帖子中所说的那些。
然后改了一下new页面的标签,使表单可以上传图片了。
现在在show页面,我按你介绍的使用<%= image_tag formatted_web_path(@web, :png) %>
,结果图片不能显示,我查询html代码,输入的是<img alt="3" src="/webs/3.png" />
请指点一下:)
另外你的帖子中:
显示的图片是用fleximage自己的模板渲染的,该模板的命名是采用需要渲染图片的action的名字加上需要图片显示的格式再加flexi,比如show.jpg.flexi,这是约定好的,fleximage会自动拿它渲染需要在rails模板中显示的图片。模板分别如下:
rails模板:
<p> <%= image_tag formatted_picture_path(@picture, :gif) %> </p>
fleximage模板:
@picture.operate do |image| end
发表评论
-
创建你自己的rails generator
2010-01-27 15:01 1222在多个rails项目中,有时需要共享一些公用的componen ... -
rspec实践一(从零开始)
2009-12-25 12:52 1381关于利用rspec的文章感 ... -
javascript-image-cropper-ui with rails
2009-07-31 23:18 1502在rails上传头像的过程中,一般后端会采用rma ... -
简简单单在rails中做定时任务
2009-07-27 19:58 3393在平时的开发过程中,经常会遇到一些定时任务的需求 ... -
用restful_authentication和role_requirement搭建验证授权系统
2008-09-30 21:20 1563转自 http://fanix.iteye.com/blog/ ... -
Rails中html_escape和sanitize
2008-09-26 13:33 2562转自:http://blackanger.blog.51cto ... -
Rails简洁的模板系统Malline
2008-09-14 15:25 1410前段时间听说ra ... -
在rails中优雅的进行模型校验
2008-09-07 20:53 2193在用rails进行开发时,最常见的操作的是前台提交 ... -
win+apache+mongrel下部署ROR
2008-09-01 20:16 1141gem install mongrel #选择最 ... -
Ruby中使用Memecached
2008-09-01 20:03 1303sudo apt-get install memcached ... -
在rails中使用memcached
2008-09-01 20:00 1130libeven memcached的使用需要li ... -
在Ruby中设计Callback机制
2008-08-31 21:11 1944阅读Paperclip源码,发现里面有一个不错的callbac ... -
我怎么就觉得rails适合做大型应用
2008-08-25 13:24 3520之前读了不少 ... -
像操作ActiveRecord一样操作XML
2008-08-10 18:05 1272在开发RESTful应用或者实现多个应用系统交互时 ... -
ImageMagick/Rmagick 安装的那些事儿
2008-08-05 12:54 1174windows平台×××××××××××××××××××××× ... -
让google来为rails画图表
2008-07-26 17:05 1371去年年底的时候,所做的一个rails项目涉及到图表 ... -
10分钟给一个rails遗留系统添加标签功能
2008-07-19 10:18 994早些时候做过了一个rails系统,当时没有涉及到标签的功 ... -
分享一款word风格的rails在线编辑器
2008-07-09 16:51 1510在线编辑器是web应用中最常见的东西了,关于它的作用 ... -
让rails处理图片再简单一点
2008-07-07 12:50 1113先来看看rails处理图片的过程吧,用户上传图片, ... -
利用rails轻松建立个性化主页门户
2008-07-04 12:10 1124简单来说,个性化主页就是结合了各种小模块和网络信息 ...
相关推荐
在这个图片分享项目中,模型可能包括`User`(用户)、`Image`(图片)等,视图则展示图片和用户界面,控制器处理用户的请求和响应。 3. **Sign标签**: "Sign"可能是项目的登录或注册模块,它涉及用户认证和授权。...
《Rails101_by_rails4.0》通过 Lean Publishing 的出版流程,让书籍在发布过程中能够不断吸纳读者的反馈,通过多次迭代优化内容,直至形成一本高质量的自学教程。Lean Publishing是指利用轻量级的工具,快速出版一...
8. **Asset Pipeline**:Rails的资产管道处理JavaScript、CSS和图像等静态资源,可以进行压缩、合并、版本控制,提升页面加载速度。 9. **ActiveJob**:Rails的后台任务处理框架,可以配合各种队列服务(如Resque、...
- 测试安装: 创建一个简单的Rails应用来验证是否成功安装。 #### 五、练习作业0-Hello World - **目标**: - 学习如何创建第一个Rails应用程序。 - **过程**: - 创建新项目。 - 设置数据库配置。 - 创建控制器...
Rails 3.1 和 Cucumber-Rails 1.2.0 是两个在Web开发领域非常重要的工具,尤其对于Ruby on Rails框架的测试和自动化流程。本文将深入探讨这两个组件,以及它们如何协同工作来增强软件开发的效率和质量。 首先,...
David Heinemeier Hansson 就是看重了这一点,才在开发 Rails 框架时选择了 Ruby。Rails 常被称作 Ruby on Rails,它让 Web 开发变得从未这么快速,也从未如此简单。在过去的几年中,《Ruby on Rails Tutorial》这...
在开发Web应用时,Ruby on Rails(简称Rails)框架因其高效、简洁的代码风格和强大的社区支持而备受青睐。Aptana是一款强大的集成开发环境(IDE),尤其适用于Rails项目的开发,它提供了丰富的特性来提升开发效率。...
从给定的文件信息来看,我们正在探讨的是一本关于Ruby on Rails的书籍,书名为《Simply Rails2》,作者是Patrick Lenz。本书旨在为初学者提供深入理解Ruby on Rails框架的指南,从基础概念到高级主题均有涵盖,是...
Rails是Ruby语言的一个著名Web开发框架,全称为Ruby on Rails,它遵循MVC(Model-View-Controller)架构模式,旨在提高开发效率和代码可读性。本示例"rails项目起步示例"是一个购物系统,非常适合初学者入门学习。 ...
3. **actionmailer-2.1.0.gem**:ActionMailer使得在Rails应用中发送和接收电子邮件变得简单。它提供了一个抽象层,可以方便地创建、发送和接收邮件,同时处理SMTP服务器的配置和其他邮件相关的设置。 4. **...
Rails由David Heinemeier Hansson在2004年创建,其设计理念是强调代码的简洁性、DRY(Don't Repeat Yourself)原则和开发效率。 Rails的核心特性包括: 1. **约定优于配置**(Convention Over Configuration):...
在本文中,我们将深入探讨如何使用Rails敏捷开发技术构建一个购物车系统,特别是在参考《rails敏捷开发第四版》中的示例。Rails 3.2.6是本文的基础框架,它是一个强大的Ruby Web应用程序框架,以其MVC(模型-视图-...
在Rails API中,模型(Model)代表应用程序的数据结构,它与数据库交互,处理数据验证和业务逻辑。视图(View)是用户看到和与之交互的部分,而控制器(Controller)作为模型和视图之间的协调者,处理用户请求并决定...
标题 "rails2.3.2" 指的是 Ruby on Rails 框架的一个特定版本,即 2.3.2。Ruby on Rails(通常简称为 Rails)是一个基于 Ruby 语言的开源 Web 应用程序框架,它遵循 Model-View-Controller (MVC) 设计模式,用于构建...
12. **Rails API模式**:Rails 4引入了API模式,使得构建RESTful JSON接口变得更加简单。 13. **Webpacker和Webpack**:Rails 5.1以后,Webpacker成为默认的前端资产打包工具,整合了Webpack,使得引入现代...
本书《Component-Based Rails Applications》主要介绍了如何使用Rails引擎(Rails ...这种基于组件的设计理念,能够让Rails应用在大型项目中保持灵活和可扩展,同时能够方便地集成第三方模块,提高开发和部署的速度。
### Rails 101S: 初学者必备的Ruby on Rails 宝典 #### Introduction: 深入了解Ruby on Rails 《Rails 101S》是一本为Ruby on Rails初学者准备的手册,旨在帮助新手快速入门并掌握基本的开发技能。本手册将从最...
总的来说,Ruby on Rails是一个强大的开发工具,它简化了Web应用的构建过程,让开发者可以更专注于创新和解决问题,而不是琐碎的配置和代码复写。通过深入学习和实践,你可以提升自己的技术水平,为未来的事业发展...
- **用途**:可用于在保存或删除记录前执行额外的逻辑处理。 ### 总结 通过以上介绍,我们不仅了解了Rails的基础知识,还深入探讨了其核心组件——Active Record的相关概念和技术细节。这些内容对于初学者来说是...
Rails API 是一个专门为构建应用程序接口(API)设计的Ruby on Rails框架版本。它专注于提供一套轻量级的工具,使得开发者能够快速、高效地创建RESTful API服务。Rails API的目的是为了提高性能,并减小API服务器与...