如何在文件系统中存储图像Ruby on Rails

Question

两种模式。

资产 - 用于使用回形针上传文件。

class AddAttachmentsPhotoToAsset < ActiveRecord::Migration 
    def self.up 
    add_column :assets, :photo_file_name, :string 
    add_column :assets, :photo_content_type, :string 
    add_column :assets, :photo_file_size, :integer 
    add_column :assets, :photo_updated_at, :datetime 
    end 

板 - 一个博客

class CreateBoards < ActiveRecord::Migration 
    def self.up 
    create_table :boards, :options => "AUTO_INCREMENT = 1000" do |t| 
     t.column :deliver_on, :datetime 
     t.column :time_zone,  :string 
     t.column :header_text, :text 
     t.column :name,   :string 
     t.column :age,   :int, :default => "0" 
     t.column :template_id, :int, :default => "1", :null => false 
     t.column :photo, :string 
     t.timestamps 
    end 
    end 

new.html.erb

有一个Ajax的iframe工作围绕在这种形式的底部。用户可以上传图片并在提交之前在表格上查看图片。因此没有可以保存的板子来上传图片。所以我必须创建资产对象。

<% form_tag(action, :id => "form") do %> 
<%=image_tag board_image, :width => 140, :height => 166, :id => 'user_image' %><%= hidden_field :board, :photo, :id => 'image_name'%> 

<%= error_messages_for :user,:board, :header_message => "" %> 
<%= label_tag :name, "Friend's Name:", :class => "large"%> 
<%= text_field :board, "name", :class => "large", :style => Board::NAME_WIDTH %>  
. 
. 
. 
<%=submit_tag "#{button_text}", :id => "board_submit"%> 
<% end %> 

这有可能是其他形式之外，否则将无法工作，所以我把它在这里的其他形式的<％结束％>标记之后的底部。

iframe ajax样式文件上传的一张图片。

<% remote_form_for(:asset, :url => { :controller => "asset", :action => "upload", :id => @tmp_id }, :html => { :method => :post, :id => 'uploadForm', :multipart => true }) do |f| %> 
<%= f.file_field :photo, :class => 'file' %> 
<% end %> 

upload.js

//ajax file upload 
     $(function() { 
     $("#uploadForm input").change(function(){ 
     $("#uploadForm").ajaxSubmit({ 
      beforeSubmit: function(a,f,o) { 
      o.dataType = "json"; 
      }, 
      complete: function(XMLHttpRequest, textStatus) { 
      $('#user_image').attr('src', XMLHttpRequest.responseText +'?'+ new Date().getTime()); 
      $('#image_name').attr('value', XMLHttpRequest.responseText); 
      return; false; 
      }, 
     }); 
     }); 
     }); 

在assets_controller.rb

def upload 
     if params_posted?(:asset) #check that the form was submitted with a post action 
     @asset = Asset.new(params[:asset]) #create new paperclip object to upload item 
     @asset.save #upload the photo 
     render :text => @asset.photo.url #put the name on the form. 
     end 
    end 

在board_controller

def create 
... 
@board.new(params[:board]) 
... 


end 

文件获取与资产Ø上传bject。 文件存储在资产表中的数据库 照片URL存储在窗体的隐藏字段。 电路板已创建，照片URL存储在电路板表中。

因此，我已经将照片数据存储在两张表中，看起来不正确。

我是一个新手，一如既往的绿色。

将Asset实例的asset.id用于上传图片而不是图片url到Board表中更好吗？

更清晰：

我应该有一个外地在我的主板表

t.column asset_id 

，然后好歹访问资产照片数据？

非常感谢immensley为您提供的专业知识。

Answer 1

我找到了答案here

当我从@asset对象传递信息板上的对象。

在Board.rb我一样腐蚀的建议，并添加回形针项目

has_attached_file :photo #I can also add styles, where I want to save the photo etc 

所以我不认为我需要从PARAMS板的照片。我从@ asset.photo.url的网址创建它。

@board.photo = @asset.photo 

当我做@ board.save它会触发所有的回形针方法，如文件被上传，因为当被保存的物品，他们被触发。因此，他们将从临时位置复制到我希望他们在董事会所在的位置。然后，我必须删除临时目录和资产表中的资产，因为它完成了它的工作。

更新：现在都完美了。我已更正上面的代码。

重要说明!!!!!

您必须在保存新模型后执行以下操作，否则URL和路径值将会出错。

model.photo.reprocess！

（替换为您model.In我的情况下，它是@ board.photo.reprocess模型！）

这是我最后的答案

Answer 2

实际上，为什么不直接将附件连接到您的电路板模型，而不是让它们有两个独立的模型？你是否在为其他模型使用资产？如果没有，最好把has_attachment放在你的板子里。RB模型