在Rails表单的file_field中使用Dropzone.js

Question

I am trying to use Dropzone.js to upload files within my Rails app. It seems that if I use the standard setup, the entire form becomes an image upload field. However, my form contains other fields as well. I only want to use Dropzone.js in a file_field area.

Steps I've used are:

Gemfile

gem 'rails-assets-dropzonejs', source: 'https://rails-assets.org'

application.js

//= require dropzonejs

application.css

*= require dropzonejs

_form.html.erb

<%= form_for @activity, html: {class: 'ui form'} do |f| %>
  <!-- Fields like this one don't need to be dropzone fields -->
  <div class="field">
    <%= f.label :name %>
    <%= f.text_field :name %>
  </div>

  <!-- The following field does -->
  <div class="field">
    <%= f.label :gallery_images %>
    <%= f.file_field :gallery_images, multiple: true, class: 'drop' %>
    <%= f.hidden_field :gallery_images_cache %>
  </div>
<% end %>

activities.coffee

$ ->
  $('.drop').dropzone({ url: "/activities/post" });

As you can see, I'm trying to bind Dropzone to the 'drop' class which I've attached to the file_field. However, this doesn't seem to work correctly and I am seeing no errors in the console.

Anyone have an idea how I'd get Dropzone.js to work for a file_field within a Rails form? Or can I only bind it to the entire form?

Any help is much appreciated! Thanks!

Answer 1

You need to permit the :file param. Most probably there will be code something along the line of

private 

  def activities_params
      params.permit(:name, ...other_params)
  end

Add :file to the permit method

private

  def activities_params
      params.permit(...other_params, :file)
  end