如何在 rails active admin 中添加附件输入答案

【问题标题】：How to add Attachinary input in rails active admin如何在 rails active admin 中添加附件输入
【发布时间】：2017-11-08 20:02:00
【问题描述】：

Rails Active Admin 插件中添加附件输入的必要步骤是什么？

【问题讨论】：

请不要将答案移回问题中；这不是这个网站的工作方式。将其移至下面的社区 wiki 答案是正确的做法。如果您想将其重新发布为您自己的答案，那很好，但请为此使用答案帖子。然后，您可以标记其他社区 Wiki 答案以引起版主注意以请求删除。

标签： ruby-on-rails activeadmin cloudinary

【解决方案1】：

^{_{复制自原始问题。}}

第一步：

在“app”文件夹中添加名为“inputs”的新文件夹。

在此文件夹中，创建名为“formtastic_attachinary_input.rb”的文件

并在此文件中添加这些行：

class FormtasticAttachinaryInput
  include Formtastic::Inputs::Base
  attr_reader :attachinary_options

  def to_html
    input_wrapping do
      label_html <<
      template.builder_attachinary_file_field_tag(method, @builder, { html: input_html_options })
    end
  end
end

第二步：

在“config/initializer”中创建一个名为“active_admin_cloudinary.rb”的文件

并在此文件中添加这些行：

module ActiveAdmin
  module Views
    module Pages
      class Base < Arbre::HTML::Document

        alias_method :original_build_head, :build_active_admin_head

        def build_active_admin_head
          original_build_head

          within @head do
            text_node cloudinary_js_config
          end
        end

      end
    end
  end
end

第三步：

在“app/assets/javascript”中创建名为“active_admin.js”的文件

并添加这些行：

//= require active_admin/base
//= require jquery-fileupload/vendor/jquery.ui.widget
//= require jquery-fileupload/jquery.iframe-transport
//= require jquery-fileupload/jquery.fileupload
//= require cloudinary/jquery.cloudinary
//= require attachinary
//= require attachments

第四步：在“app/assets/javascript”中创建名为“attachments.js.coffee”的文件

并添加这些行：

jQuery ->
  $('.attachinary-input').attachinary()

如何使用它？

ActiveAdmin.register Category do
  menu priority: 3
  menu label: "Sous catégories"
  permit_params  :name, :photo, :description, :category_type_id, :id, :pos_id

  form do |f|
    f.inputs "Infos de base" do
      f.input :id
      f.input :name
      f.input :description
      f.input :category_type
      f.input :pos_id
      f.input :photo, as: :formtastic_attachinary ### THERE #### 
    end
    actions
  end

  filter :name, :as => :string
  filter :description
  filter :category_type
  filter :pos_id
end

【讨论】：