当前位置: 首页 > 编程笔记 >

rails上传图片代码实例

松高歌
2023-03-14
本文向大家介绍rails上传图片代码实例,包括了rails上传图片代码实例的使用技巧和注意事项,需要的朋友参考一下

今天讲解一下rails的图片上传,就是最平常的上传图片 这里的rails版本2.3.5

首先新建一个write_pic model内容如下:

class WritePic
require "RMagick"
require "uuid"
def self.write(pic_data,ori_name,resize = nil,file_type = "jpg",tag=false)
#File.delete("c:/programData/ruby-uuid") if RAILS_GEM_VERSION == '2.1.2'
uuid = ori_name || "#{UUID.new.generate}.#{file_type}"
i = Magick::Image.from_blob(pic_data).first
if resize
p=resize[:width].to_i*1.00 /i.columns
i.resize!(resize[:width],resize[:height]|| i.rows*p)
end
wh=0
width = i.columns
height = i.rows
if width > height
wh =1
end
i.write("#{RAILS_ROOT}/public/images/user_pic/#{uuid}")
if tag
return wh,uuid
else
return uuid
end
end
def self.get_pic(url)
uuid = "#{UUID.new.generate}.#{file_type}"
img_orig1 = Magick::Image.read(url).first
image1 = img_orig1.resize_to_fit(300,300)
image1.write("#{RAILS_ROOT}/public/images/weibo_pic/#{uuid}")
return uuid
end
end

上传 图片是用的插件所以最上面加载了插件。

调用write_pic 这个model的model文件写法如下

class Theme < ActiveRecord::Base
require "RMagick"
require "uuid"
def _image=(picture_field)
if picture_field != ""
self.image = WritePic.write(picture_field.read,self.image,nil)
end
end
def _image
self.image
end
def suoluetu=(picture_field)
if picture_field != ""
self.thumbnail = WritePic.write(picture_field.read,self.thumbnail,nil,"png")
end
end
def suoluetu
self.thumbnail
end
end

 

controller里面不用在乎太多,直接上view

<h1>New theme</h1>
<% form_for(@theme,:html=>{:multipart=>'true'}) do |f|%>
<%= f.error_messages %>

<p> <%= f.label :name %><br /> <%= f.text_field :name %> </p> <p> <%= f.label :color %><br /> <%= f.text_field :color %> </p> <p> <%= f.label :lastcolor %><br /> <%= f.text_field :lastcolor %> </p> <p> <%= f.label :image %><br /> <%= f.file_field :_image %> </p> <p> <%= f.label :thumbnail %><br /> <%= f.file_field :suoluetu %> </p> <p> <%= f.submit "Create" %> </p> <% end %>

<%= link_to 'Back', themes_path %>


 

 类似资料:
  • 本文向大家介绍NodeJS实现图片上传代码(Express),包括了NodeJS实现图片上传代码(Express)的使用技巧和注意事项,需要的朋友参考一下 文件上传是每个网站不可避免的,最近需要做些上传图片的功能,主要解决两个问题,一个是文件上传样式和服务端路径保存,功能很简单,做起来倒是没那么简单,先从最简单的页面的上传页面的样式开始。 页面样式 Html页面默认的上传的是比较难看的,需要重做一

  • 本文向大家介绍php实现上传图片文件代码,包括了php实现上传图片文件代码的使用技巧和注意事项,需要的朋友参考一下 代码很简单,这里我们就不多废话了,直接奉上源码 以上所述就是本文的全部内容了,希望大家能够喜欢。

  • 本文向大家介绍Ajax上传图片及上传前先预览功能实例代码,包括了Ajax上传图片及上传前先预览功能实例代码的使用技巧和注意事项,需要的朋友参考一下 手头上有几个小项目用到了easyUI,一开始决定使用easyUI就注定了项目整体上前后端分离,基本上所有的请求都采用Ajax来完成。在文件上传的时候用到了Ajax上传文件,以及图片在上传之前的预览效果,解决了这两个小问题,和小伙伴们分享下。 上传之前的

  • 本文向大家介绍input file上传 图片预览功能实例代码,包括了input file上传 图片预览功能实例代码的使用技巧和注意事项,需要的朋友参考一下 input file上传图片预览其实很简单,只是没做过的感觉很神奇,今天我就扒下她神秘的面纱,其实原理真的很简单,下面通过一段代码大家都明白了。 具体代码如下所示: 实现上传图片直接预览,避免提交后在读取图片的冗余过程 以上所述是小编给大家介绍

  • 本文向大家介绍SpringMVC框架实现上传图片的示例代码,包括了SpringMVC框架实现上传图片的示例代码的使用技巧和注意事项,需要的朋友参考一下 一.创建图片虚拟目录 在上传图片之前,先要设置虚拟目录(以IDEA为例) 打开工具栏的运行配置Edit Configurations 添加物理目录和并设置虚拟目录路径 添加img图片在img文件夹内 测试访问:http://localhost:80

  • 本文向大家介绍JavaWeb实现裁剪图片上传完整代码,包括了JavaWeb实现裁剪图片上传完整代码的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JavaWeb实现裁剪图片上传完整案例,供大家参考,具体内容如下 实现思路  •使用jcrop插件手机要裁剪图片的坐标  •将收集到的参数传递到后台,在后台使用java图形对象绘制图像进行裁剪 ◦后台处理流程: 1、将上传的图片按按照比例进