rails中使用carrierwave上传图片

简介: 1.安装gem install carrierwave2.更新 Gemfilegem 'carrierwave'3.

1.安装

gem install carrierwave

2.更新 Gemfile

gem 'carrierwave'

3.生成uploader

rails generate uploader Avatar

生成文件:app/uploaders/avatar_uploader.rb

4.挂载属性

文件上传后存储的是图片的路径,存储图片路径的字段挂载AvatarUploader.比如model Book有四个属性name 、author 、publish 、picture_url,在model中加上一行:

class Book < ActiveRecord::Base
    mount_uploader :picture_url, AvatarUploader
end

5.修改app/uploaders/avatar_uploader.rb

# encoding: utf-8

class AvatarUploader < CarrierWave::Uploader::Base

uploader:
  storage :file

  def store_dir
    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
  end

   def extension_white_list
     %w(jpg jpeg gif png)
   end
end

6.给表单加上图片上传域

    <p>
      <%= f.label :上传图书图片 %><br />
      <%= f.file_field :picture_url %>
      <%= f.hidden_field :picture_url_cache %>
    </p>

7.修改controller

def create
        @book = Book.new(book_params)
        @book.picture_url= params[:file]
        ...
end

8.引用图片路径

<%= image_tag @book.picture_url_url.to_s %>

carrierwave github:carrierwave

目录
相关文章
|
小程序
UniApp上传图片
小程序大家应该都知道,通过上传组件得到的都是本地的一个临时路径,这个路径是不能被外网访问的,所以我们就需要将拿到的临时路径转成Base64上传到后台服务器。或者说是另外一个办法,就是通过组件直接上传文件,这个看需求设计吧。
309 0
|
11月前
uniapp上传图片
uniapp上传图片
122 0
|
1月前
UEditor配置后端上传图片
UEditor配置后端上传图片
82 0
UEditor配置后端上传图片
|
PHP
【laravel项目】@10 laravel-admin 上传图片
【laravel项目】@10 laravel-admin 上传图片
135 0
|
PHP
【laravel-admin】图片上传不了,没反应
【laravel-admin】图片上传不了,没反应
215 0
|
XML 中间件 Java
weixin_rails_middleware 基于 Rails 10分钟跑起一个微信应用
WeixinRailsMiddleware,顾名思义,是供 Rails 使用的微信中间件。帮助你方便地在 Rails 应用中添加微信功能。
287 0