天天看点

rails实现验证码

  网上其实有一大堆这样的资料了,我再写也没多大价值,谈下几个注意点吧。

1.在windows上安装rmagic,如果你是通过gem安装的,

require 'rmagic'

要修改为:

require 'rubygems'

require 'rmagick'

才能正确引入。

2.网上那个例子,画布是使用rmagic内置的图像格式,rmagic内置的图像格式还有:

梯度,比如gradient:red-blue

花岗石,比如: <code>"granite:"</code>.

logo型的图像. 如: <code>"logo:"</code>,后面会多显示一个五角星^_^

非常漂亮的彩条。如: <code>"netscape:"</code>

空白 使用方式: <code>"null:"</code>

rose

玫瑰 使用方式 : <code>"rose:"</code>

设置一个背景色,比如"xc:green"

一个修改的例子,在rails的models下存为noisy_image.rb,在controller就可以这样调用noisyimage.new(6) :

class noisyimage

  include magick

  attr_reader :code, :code_image

  jiggle = 15

  wobble = 15

  def initialize(len)

    chars = ('a'..'z').to_a - ['a','e','i','o','u']

    code_array=[]

    1.upto(len) {code_array &lt;&lt; chars[rand(chars.length)]}

    granite = magick::imagelist.new('xc:#edf7e7')

    canvas = magick::imagelist.new

    canvas.new_image(32*len, 50, magick::texturefill.new(granite))

    text = magick::draw.new

    text.font_family = 'times'

    text.pointsize = 40

    cur = 10

    code_array.each{|c|

      rand(10) &gt; 5 ? rot=rand(wobble):rot= -rand(wobble)

      rand(10) &gt; 5 ? weight = normalweight : weight = boldweight

      text.annotate(canvas,0,0,cur,30+rand(jiggle),c){

        self.rotation=rot

        self.font_weight = weight

        self.fill = 'green'

      }

      cur += 30

    }

    @code = code_array.to_s

    @code_image = canvas.to_blob{

      self.format="jpg" 

  end

end

3.与rails应用的结合,和一般的验证码原理一样,将产生的随机数存储在session或者request范围内,提交的时候进行比较验证即可。比如产生图片的时候将随机字母存储在session[:code]中:

 session[:noisy_image] = noisyimage.new(6)

 session[:code] = session[:noisy_image].code

验证的时候,比较提交的type_code与session[:code]即可,为了安全性考虑,最好还是不考虑使用客户端验证。

 unless session[:code]==params[:type_code]

      flash[:notice]='验证码填写错误,请重新注册,谢谢!'

      return redirect_to :action=&gt;:new  

 end

在页面显示图片,类似servlet一样直接调用controller的action:

 def code_image

    image = session[:noisy_image].code_image

    send_data image, :type =&gt; 'image/jpeg', :disposition =&gt; 'inline'

&lt;img height='30' src="/test/code_image"&gt;

文章转自庄周梦蝶  ,原文发布时间5.17