今天讲解一下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、将上传的图片按按照比例进