在动态加载（嵌套）表单字段中上传独立于模型的 Rails 4 文件答案

【问题标题】：Model-independent Rails 4 file upload in dynamically loaded (nested) form field在动态加载（嵌套）表单字段中上传独立于模型的 Rails 4 文件
【发布时间】：2015-09-02 00:31:27
【问题描述】：

我正在寻找一种将简单图像上传到文件系统的方法，这样图像就不会存储在数据库中。我知道这一步相当简单，只需使用 file_input 标记，但是由于我的表单是如何构建的，我在实现它时遇到了问题。

我有一个项目，通过让用户为页面指定页面布局或模板来创建静态活动页面。一旦用户选择了他们想要为其页面加载的模板，就会加载一个表单，其中包含指定模板所包含的每个小部件的一个部分。用户输入他们的信息，按下提交，然后创建一个静态页面。

其中一个小部件是图像小部件，用户应该从他们的系统中选择一个文件，并在提交表单时将其上传到服务器。问题是由于我使用表单助手的方式，我遇到了问题，文件上传将文件名作为字符串而不是 IO 对象 (https://www.ruby-forum.com/topic/125637)。我需要帮助来解决这个问题。

向页面输入数据的表单（存储在表campaign_pages中）如下所示：

= form_for(@campaign_page, class: 'form-horizontal') do |f|
  fieldset
    legend Basic page information
    .form-group
      = f.label :featured, class: 'control-label col-lg-2'
      .col-lg-10
        = f.check_box :featured, class: 'form-control'

      = f.label :title, class: 'control-label col-lg-2'
      .col-lg-10
        = f.text_field :title, placeholder: 'Unique and really catchy page title!', class: 'form-control'

      = f.label :campaign_id, 'Campaign: ', class: 'control-label col-lg-2'
      .col-lg-10
        = f.select :campaign_id, options_from_collection_for_select(@campaigns, 'id', 'campaign_name', @campaign), {}, html_options= {:class => 'form-control'}

      = f.label :language_id, 'Language: ', class: 'control-label col-lg-2'
  .col-lg-10
        = f.select :language_id, options_from_collection_for_select(Language.all,'id', 'language_name'), {}, html_options= {:class => 'form-control'}

      label for='template_id' class='control-label col-lg-2' Template: 
  .col-lg-10
        = select_tag 'template_id', options_from_collection_for_select(@templates, 'id', 'template_name', @template), class: 'form-control'
      | data-no-turbolink="true"

这是在选择模板后加载页面上每个小部件的内容表单的地方：

    #widget_location
      = render :file => 'templates/show_form', layout: false

    .form-group
      = f.submit 'Save Page', class: 'btn btn-sm btn-primary'

图像小部件（产生问题）的表单如下所示：

#image_widget_form.form-group
  = label_tag 'widgets[image][image_url]', 'Image URL:', class: 'control-label col-lg-2'
  .col-lg-10
    = text_field_tag 'widgets[image][image_url]', options['image_url'], class: 'form-control'
    = hidden_field_tag 'widgets[image][widget_type]', WidgetType.find_by(:widget_name => 'image').id
    = file_field_tag 'widgets[image][image_upload]'

在阅读文档 (http://guides.rubyonrails.org/form_helpers.html#uploading-files) 和其他问题报告后，我的理解是问题是“multipart => true”，如果您希望文件字段标签起作用，您必须指定它。这应该不是问题，因为我使用的是 form_for @campaign_page 而不是 form_tag。但是，小部件及其内容不属于活动页面表，因此它们没有在活动页面的模型中指定。因此，我不能简单地将 f.file_field 用于文件输入。

我正在为此寻找解决方案。使用嵌套属性然后使用 field_for 进行图像上传工作吗？

另一个问题是小部件的规范和内容存储在 Postgres JSONB 字段中，我不确定嵌套属性如何用于这些。

【问题讨论】：

标签： ruby-on-rails file-upload nested-forms nested-attributes form-helpers

【解决方案1】：

我假设表单有 multipart 集，因为根据 Rails 文档，不需要为 form_for 助手指定 multipart => true 。然而，修复结果非常简单 - 在表单标签的 html 选项哈希中设置 multipart: true 后它可以工作：

= form_for(@campaign_page, class: 'form-horizontal', html: {multipart: true}) do |f|
...

【讨论】：