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

Question

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

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

每个 Assets 基本上都是一个带有 CarrierWave 文件的模型。通常我只会在父模型(项目、消息等)上使用accepted_nested_attributes，并将文件上传字段列在fields_for block 中。

我的问题是，由于我将 jQuery-File-Uploader 与 AJAX 结合使用，因此每当上传文件时，父模型的表单都会调用父模型的 Create 方法。父模型的其余字段可能尚未填写。我在想也许我可以让文件 uploader 调用 Assets Controller 中的创建方法，但随后我想知道如何发送父模型的类，以便正确存储多态关联。

关于如何让这个工作干净利落地有什么想法吗？感谢您的关注。

Answer 1

好的。

第 1 步

将gem“载波”添加到您的 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]
)

第四步

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

步骤5

1. 将 jquery.uploadify.v2.1.4.min.js 和 swfobject.js 复制到/app/assets/javascripts 如果您使用 Rails3.1 或更高版本，/public/javascripts 如果您使用 Rails 3.0 或之前的版本。
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

像这样编写你的 Controller

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