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

目录
相关文章
|
1月前
Typora上传图片失败PicGo
Typora上传图片失败PicGo
|
1月前
UEditor配置后端上传图片
UEditor配置后端上传图片
69 0
UEditor配置后端上传图片
|
8月前
【问题解决】typora+picgo上传图片一直在uploading的解决方法
我们在typora+picgo搭建完图床后,我们需要上传图片,我们上传图片时,发现一直在uploading转圈圈,因此我去查询了解决方法,并且成功的解决问题了 问题情况如下图:
80 0
|
11月前
|
前端开发
ueditor 百度富文本编辑器后端配置(上传图片)
ueditor 百度富文本编辑器后端配置(上传图片)
379 0
|
前端开发
前端生成二维码插件
前端生成二维码 import QRCode from 'qrcodejs2'; 生成二维码是,代码里写 128,然后再用css控制 img的实际大小,达到高清的目的
121 0
|
PHP
【laravel-admin】图片上传不了,没反应
【laravel-admin】图片上传不了,没反应
214 0
|
PHP
【laravel项目】@10 laravel-admin 上传图片
【laravel项目】@10 laravel-admin 上传图片
133 0
typora不能上传图片,PicGo可以上传
typora不能上传图片,PicGo可以上传
263 0
typora不能上传图片,PicGo可以上传
|
XML 中间件 Java
weixin_rails_middleware 基于 Rails 10分钟跑起一个微信应用
WeixinRailsMiddleware,顾名思义,是供 Rails 使用的微信中间件。帮助你方便地在 Rails 应用中添加微信功能。
286 0

热门文章

最新文章