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

前端之家收集整理的这篇文章主要介绍了ruby-on-rails – 在Rails中如何使用jquery-file-upload和CarrierWave处理多个多态文件上传?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

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

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

最佳答案
好.

步骤1

为你添加宝石’载波’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

第三步:

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

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

第4步

Uploadify下载jquery.uploadify.js并解压缩.

第五步:

>复制jquery.uploadify.v2.1.4.min.js& swfobject.js到
/ app / assets / javascripts如果您使用Rails3.1或更高版本,则
/ public / javascripts如果您使用Rails 3.0或版本之前.
>将uploadify.swf和cancel.png复制到/ app / assets / images /或
/公/图片
>将uploadify.css复制到/ app / assets / stylesheets /或
/公共/样式表

第六步:

编辑您的application.js,在其下面插入代码

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

第七步

在您上传页面中,添加内容

第八步

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

$(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) {
    }
  });
});

第九步

像这样写你的控制器

def create
  @photo = Photo.new(:image => params[:Filedata])
  @photo.save
end
原文链接:https://www.f2er.com/jquery/427944.html

猜你在找的jQuery相关文章