在Rails中如何使用jquery-file-upload和CarrierWave处理多个多态文件上传？

Question

在我的项目中,我目前有不同的模型(项目,消息等):

has_many :assets, :as => :attachable, :dependent => :destroy

每个Asset基本上都是一个带有CarrierWave文件的模型.通常我会在父模型(Project,Message等)上使用accepted_nested_attributes,并在fields_for块中列出文件上载字段.

我的问题是,因为我正在使用带有AJAX的jQuery-File-Uploader,所以当上传文件时,父模型的表单将调用父模型的Create方法.其余的父模型字段可能尚未填写.我想也许我可以让文件上传器调用Assets控制器中的create方法,但是我会有一些如何发送父模型的类以便正确存储多态关联.

关于如何干净利落地工作的任何想法？谢谢你的期待.

Answer 1

好的。

步骤1

添加gem 'carrier wave'到您的 Gemfile

第2步

将代码保存到/lib/flash_session_cookie_middleware.rb

require 'rack/utils'

class FlashSessionCookieMiddleware
  def initialize(app, session_key = '_session_id')
    @app = app
    @session_key = session_key
  end

  def call(env)
    if env['HTTP_USER_AGENT'] =~ /^(Adobe|Shockwave) Flash/
      req = Rack::Request.new(env)
      env['HTTP_COOKIE'] = [ @session_key,
                             req.params[@session_key] ].join('=').freeze unless req.params[@session_key].nil?
      env['HTTP_ACCEPT'] = "#{req.params['_http_accept']}".freeze unless req.params['_http_accept'].nil?
    end

    @app.call(env)
  end
end

步骤3

编辑session_store.rb将代码添加到文件末尾

Rails.application.config.middleware.insert_before(
  ActionDispatch::Session::CookieStore,
  FlashSessionCookieMiddleware,
  Rails.application.config.session_options[:key]
)

步骤4

从Uploadify下载 jquery.uploadify.js并解压。

步骤5

1. 如果您使用 Rails3.1 或更高版本， 则将jquery.uploadify.v2.1.4.min.js&复制swfobject.js到 ；如果您使用 Rails 3.0 或之前版本，则将 & 复制到。/app/assets/javascripts/public/javascripts
2. 复制uploadify.swf和cancel.png到/app/assets/images/或 /public/images
3. 复制uploadify.css到/app/assets/stylesheets/或 /public/stylesheets

步骤6

编辑你的application.js，插入下面的代码

//= require swfobject
//= require jquery.uploadify

步骤7

在您的上传页面中添加此内容

<input id="uploadify" name="uploadify" type="file" />

步骤8

将此代码添加到您的上传页面

$(document).ready(function() {
  <% key = Rails.application.config.session_options[:key] %>
  var uploadify_script_data = {};
  var csrf_param = $('meta[name=csrf-param]').attr('content');
  var csrf_token = $('meta[name=csrf-token]').attr('content');
  uploadify_script_data[csrf_param] = encodeURI(encodeURIComponent(csrf_token));
  uploadify_script_data['<%= key %>'] = '<%= cookies[key] %>';

  $('#uploadify').uploadify({
    uploader        : '/assets/uploadify.swf',
    script          : '/photos',
    cancelImg       : '/images/cancel.png',
    auto            : true,
    multi           : true,
    removeCompleted : true,
    scriptData      : uploadify_script_data,
    onComplete      : function(event, ID, fileObj, doc, data) {
    }
  });
});

步骤9

像这样编写你的控制器

def create
  @photo = Photo.new(:image => params[:Filedata])
  @photo.save
end